重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
jquery的$函數(shù)的參數(shù)只能是字符串(document和window對象除外),所以樓上說的不正確,像
成都創(chuàng)新互聯(lián)專注于江口網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供江口營銷型網(wǎng)站建設(shè),江口網(wǎng)站制作、江口網(wǎng)頁設(shè)計(jì)、江口網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù),打造江口網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供江口網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
$(".abc:eq("i")")
相當(dāng)于參數(shù)是字符串、整型、字符串,而且還沒逗號分隔開,是非法參數(shù), ?是會報(bào)錯(cuò)的。
而
$(".abc:eq("+i+")")
是字符串拼接,相當(dāng)于先執(zhí)行括號內(nèi)部分,字符串".abc:eq(" 拼接i變量再拼接字符串")",而如果像這樣
$(".abc:eq(i)")
則是非法的,因?yàn)榇藭r(shí) i 是一個(gè)字符無法識別字符 i
有兩種方法可以實(shí)現(xiàn)獲取span下第一個(gè)i標(biāo)簽:
1、使用css選擇器: first-child 或nth-child(1),具體代碼為:$("span.label i:first-child") 或 ?$("span.label i:nth-child(1)")
2、使用遍歷方法:first()、eq()等,具體代碼為:
$("span.label").each(function() {
$(this).find("i:eq(0)") ? // 或者$(this).find("i").first()
});
下面進(jìn)行實(shí)例演示:為所有span的第一個(gè)i標(biāo)簽的元素都添加紅色樣式:
1、新建一個(gè)HTML文件,為了演示需要假設(shè)如下的HTML結(jié)構(gòu):
div id="test"
span class='label'i1-1/inbsp;nbsp;i1-2/i/spanbr
span class='label'i2-1/inbsp;nbsp;i2-2/i/spanbr
span class='label'i3-1/inbsp;nbsp;i3-2/i/span
/div
input type="button" id="btn" value="設(shè)置"
2、在上面新建文件的開頭部分添加如下jquery代碼:主要邏輯為在點(diǎn)擊按鈕時(shí)相應(yīng)一個(gè)操作,即獲取span下第一個(gè)i標(biāo)簽(下面注釋部分給出了4種方法都是可行的,可以根據(jù)需要進(jìn)行選擇)。為了演示效果,使用addClass()函數(shù)為獲取到的span下第一個(gè)i標(biāo)簽添加紅色的樣式。
script
$(function(){
$("#btn").click(function() { // 點(diǎn)擊按鈕就相應(yīng)下面的操作
// $("span.label i:first-child").addClass('red'); // 方法1,使用first-child選擇器
// $("span.label i:nth-child(1)").addClass('red'); ?// 方法2,使用nth-child(1)選擇器
$("span.label").each(function() {
// $(this).find("i:eq(0)").addClass('red'); ? // 方法3,遍歷后使用eq()方法
$(this).find("i").first().addClass('red'); ? ? ?// 方法4,遍歷后使用first()方法
});
});
});
/script
3、保存文件,使用瀏覽器打開,點(diǎn)擊按鈕后效果如下:
不加var在函數(shù)內(nèi)定義,是全局變量。
$i 和 i沒有區(qū)別 都是一個(gè)變量名字,$i常用來定義jquery對象,當(dāng)然加不加$都可以的,沒有強(qiáng)制規(guī)定
alert(1) ? 改成 alert(new Date()) 就可以獲取點(diǎn)擊時(shí)候的時(shí)間戳了。
其他常見操作:
獲得內(nèi)容 - text()、html() 以及 val()
三個(gè)簡單實(shí)用的用于 DOM 操作的 jQuery 方法:
text() - 設(shè)置或返回所選元素的文本內(nèi)容
html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)
val() - 設(shè)置或返回表單字段的值
獲取屬性 - attr()
jQuery attr() 方法用于獲取屬性值。
下面的例子演示如何獲得鏈接中 href 屬性的值:
實(shí)例
$("button").click(function(){
alert($("#w3s").attr("href"));
});