ul
在婁煩等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專(zhuān)注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站開(kāi)發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣,外貿(mào)網(wǎng)站建設(shè),婁煩網(wǎng)站建設(shè)費(fèi)用合理。
li第1個(gè)/li
li第2個(gè)/li
li第3個(gè)/li
li第4個(gè)/li
/ul
使用eq選擇器獲取
語(yǔ)法:$(":eq(index)")?index值從0開(kāi)始。
獲取第二個(gè)?$("ul?li:eq(1)")
獲取第三個(gè)?$("ul?li:eq(2)")
jquery 還有很多有趣的選擇器,可百度“jquery選擇器大全”查看資料
有兩種方法可以獲取tr下的第二個(gè)td元素:
1、使用css選擇器,$("tr td:nth-child(2)")。
2、使用遍歷函數(shù)eq()。
下面就以上兩個(gè)方法進(jìn)行實(shí)例演示:?jiǎn)螕舭粹o改變所有行的第二個(gè)單元格的樣式,單擊任意行改變?cè)撔械诙€(gè)單元格的樣式。
1、HTML結(jié)構(gòu)
table?id?=?"test"
trtd1/tdtd1/tdtd2/tdtd3/td/tr
trtd2/tdtd4/tdtd5/tdtd6/td/tr
trtd3/tdtd7/tdtd8/tdtd9/td/tr
trtd4/tdtd1/tdtd2/tdtd3/td/tr
/table
input?type="button"?id="btn"?value="設(shè)置"
2、jquery代碼
$(function(){
$("#btn").click(function()?{
$("#test?tr?td:nth-child(2)").addClass('red');
});
$("#test?tr").click(function()?{
$(this).children('td').eq(1).addClass('red');
});
});
需要準(zhǔn)備的材料分別有:電腦、chrome瀏覽器、html編輯器。
1、首先,打開(kāi)html編輯器,新建一個(gè)html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼:
$('select option').eq(1).attr('selected', true);
3、瀏覽器運(yùn)行index.html頁(yè)面,此時(shí)通過(guò)jquery設(shè)置了select的第二個(gè)option被選中。
$(".class1").click(function(){
var var1=$(this).attr("class");
var var2=var1.split(' ');
alert(var2[1]);
})