欢迎各位兄弟 发布技术文章
这里的技术是共享的
使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。
jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:
eq() 选择器选取带有指定 index 值的元素。
index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。
经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。
例子:
$('#test').children().eq(1).css({'display':'inline-block'});
将id为test的元素的第二个子元素样式设置为'display':'inline-block'。
另一种写法
$(":eq(index)")如:$("p:eq(1)")
//要注意,eq返回的是jquery对象,
//而get(n)和索引返回的是dom元素对象。
//$("p")[0] 返回的 dom元素对象
$("div").eq(2).html(); //调用jquery对象的方法
("div").get(2).innerHTML; //调用dom的方法属性
$("p")[0].innerHTML //调用dom的方法属性
$("#msg")[0],
$("div").eq(1)[0],
$("div").get()[1],
$("td")[5]
这些都是dom对象
可以使用dom中的方法,
但不能再使用Jquery的方法。
eq(num)返回的是jQuery object,用法:$(element).eq(0).html(),返回第一个元素中包含的HTML
get(index)返回的是javascript的DOM,用法:$(element).get(0).innerHTML,返回索引为0元素中包含的HTML