可以先給div標(biāo)簽設(shè)置id,然后給這個id綁定點擊事件。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:域名與空間、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、高臺網(wǎng)站維護、網(wǎng)站推廣。
1、新建html文檔,在body標(biāo)簽中添加一個div標(biāo)簽,為div標(biāo)簽設(shè)置一個id,這里以“demo”為例:
2、在head標(biāo)簽中引入jquery的js文件,這時可以使用cdn鏈接:
3、添加script標(biāo)簽,在script標(biāo)簽中綁定“demo”,然后使用click函數(shù)為div標(biāo)簽綁定點擊事件:
div是沒有value屬性的,但是我們可以給它加上去也是可以獲得的,在這里value只是一個自定義參數(shù)。
html代碼
div class="store" ?value="tanyu"/div
jq代碼
$(function(){
$(".store").click(function(){
alert($(this).attr('value'));
});
});
$(this).find('#tli0 div').slideDown(200);
$(this)已經(jīng)是$("#tli0")了,$(this).find('#tli0 div')相當(dāng)于'#tli0 #tli0 div'
是錯在這個地方。
$('#show').hover(function(){
$(this).show();
},?function(){
$(this).hide();
});
jQuery中使用attr('屬性名')可以返回屬性的值。
語法:$(selector).attr([attribute]); // 返回attr中指定的當(dāng)前選擇器的屬性值;
例如:
$(selector).attr('id'); ?// 獲取選擇器的id
$(selector).attr('class'); // 獲取選擇器的class類名
實例:
1. 用jQuery獲取div的class類名:
1234div?class="mystyle"我是div/divscript????$('div').attr('class');?//?得到“mystyle”/script
2. 用jQuery獲取當(dāng)前點擊的button的id:
123456button?id="btn"?onclick="BtnClick(this)"按鈕/buttonscript????function?BtnClick(obj){????????$(obj).attr('id');?//?得到“btn”????}/script
可以采用如下思路:分別將兩種背景圖片設(shè)為兩個類,然后使用toggleClass()方法切換類:
$(selector).toggleClass('class_a').toggleClass('class_
創(chuàng)建Html代碼:一個簡單的div用于顯示背景圖片
div?class="test"/div
設(shè)置css樣式:分別為兩個背景設(shè)計一個類
div.test{width:264px;height:152px;margin:50px;border:4px?dashed?#ccc;}
.bg1{background:url('bg1.png');}
.bg2{background:url('bg2.png');}
編寫jquery代碼:點擊切換類實現(xiàn)背景的變換
$(function(){
$("div.test").addClass('bg1');?//?初始化時添加背景1
$("div.test").click(function()?{
$(this).toggleClass('bg1').toggleClass('bg2')
script?src=""/script
divhello/div
script
$('div').click(function(){
alert('hello');
})
/script
1、新建一個html文件,命名為test.html。
2、在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建一行文字,文字內(nèi)容為“小明”。
3、在test.html文件內(nèi),設(shè)置div標(biāo)簽的id屬性為mytext,主要用于下面通過該id獲得div對象。
4、在test.html文件內(nèi),使用button標(biāo)簽創(chuàng)建一個按鈕,按鈕名稱為“切換內(nèi)容”。
5、在test.html文件中,給button按鈕綁定onclick點擊事件,當(dāng)按鈕被點擊時,執(zhí)行func()函數(shù)。
6、在js標(biāo)簽中,創(chuàng)建func()函數(shù),在函數(shù)內(nèi),通過id(mytext)獲得div對象,通過html()方法獲得div內(nèi)的文本內(nèi)容,使用if語句判斷獲得的文字內(nèi)容是否為指定的文本內(nèi)容,如果不是,則通過html()方法改變文本內(nèi)容。