十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
你好,
创新互联致力于网站制作、成都网站制作,成都网站设计,集团网站建设等服务标准化,推过标准化降低中小企业的建站的成本,并持续提升建站的定制化服务水平进行质量交付,让企业网站从市场竞争中脱颖而出。 选择创新互联,就选择了安全、稳定、美观的网站建设服务!
首先,这两个方法(eq和get)都可以取得一个NodeList中的第n个元素,用法如下:
$('div').eq(2);
$('div').get(2);
不同在于:
eq返回的仍然是一个jQuery包装对象,可以继续链式调用jQuery提供的方法
get返回的则是一个普通的DOM对象,只能调用普通的DOM方法
例:
var nodelist = $('div');
// eq
nodelist.eq(2).html(); // 正确执行
nodelist.eq(2).innerHTML; // undefined
// get
nodelist.get(2).html(); // $(...).get(...).html is not a function
nodelist.get(2).innerHTML; // 正确执行
希望能解决你的问题。
jquery中eq方法的参数是从0开始的,0是数组下标,指数组中的第一个值。
eq方法参数不能为负数。
$('input').eq(0);
eq返回的是一个jquery对象 get返回的是一个html 对象数组\x0d\x0a返回的是jQuery对象,就可以继续调用其他方法,返回的是html数组就不能调用jQuery的其他方法\x0d\x0a例如:\x0d\x0a$("ul li").get(1).css("color", "red"); //这个是错误的\x0d\x0a$("ul li").eq(1).css("color", "red"); //这个是正确的
数组Tds : 是一些jquery对象的集合
2. Td = Tds.eq(i):当然就是其中的某个jquery对象;
3. Tds[i]:此时就是原始的dom对象;
4. Tds[i].className:调用原始dom对象的属性className;
5. Tds.eq(i):返回的是jquery对象,当然没有原始dom属性className
Jquery 常用方法经典总结
1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),
不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
普通的dom对象一般可以通过$()转换成jquery对象。
如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;
3、获取jQuery集合的某一项
获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,
要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。
$("div").eq(2).html(); //调用jquery对象的方法
$("div").get(2).innerHTML; //调用dom的方法属性
jquery中:
eq:(取指定索引的元素)
实例:
table width="200" cellpadding="0" cellspacing="0"
tbody
trtdA/td/tr
trtdB/td/tr
trtdC/td/tr
trtdD/td/tr
/tbody
/table
$(document).ready(function () {
$('tr:eq(2)').css('background', '#FF0000');
});
结果:取的是C
gt:(取大于指定索引的元素)
$(document).ready(function () {
$('ul li:gt(2)').css('color', '#FF0000');
});
结果:给大于2的增加一个颜色。
jQuery中并没有and选择器,只有andSelf。
andSelf:(将先前所选的元素加入当前元素集合中)
$("div").find("p").andSelf().addClass("border");
结果:找到所有 div,以及其中的所有段落,并为它们添加两个类名。
eq 你这么用肯定是没问题的;至于不起作用,那就可能不是这个原因了;
可以建一个纯粹的空白页面做测试,页面不含其它多余的代码;
!doctype html
html
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
meta http-equiv="X-UA-Compatible" content="ie=edge"
script src="" type="text/javascript"/script
/head
body
textarea class="checklist_user_input"/textarea
textarea class="checklist_user_input"/textarea
textarea class="checklist_user_input"/textarea
textarea class="checklist_user_input"/textarea
textarea class="checklist_user_input"/textarea
script type="text/javascript"
$(function () {
$("textarea.checklist_user_input").eq(0).val("1111");
})
/script
/body
/html