大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
ul
在娄烦等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站制作 网站设计制作按需网站开发,公司网站建设,企业网站建设,品牌网站建设,网络营销推广,外贸网站建设,娄烦网站建设费用合理。
li第1个/li
li第2个/li
li第3个/li
li第4个/li
/ul
使用eq选择器获取
语法:$(":eq(index)") index值从0开始。
获取第二个 $("ul li:eq(1)")
获取第三个 $("ul li:eq(2)")
jquery 还有很多有趣的选择器,可百度“jquery选择器大全”查看资料
有两种方法可以获取tr下的第二个td元素:
1、使用css选择器,$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示:单击按钮改变所有行的第二个单元格的样式,单击任意行改变该行第二个单元格的样式。
1、HTML结构
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="设置"
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');
});
});
需要准备的材料分别有:电脑、chrome浏览器、html编辑器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('select option').eq(1).attr('selected', true);
3、浏览器运行index.html页面,此时通过jquery设置了select的第二个option被选中。
$(".class1").click(function(){
var var1=$(this).attr("class");
var var2=var1.split(' ');
alert(var2[1]);
})