JQ中get()与eq()的区别

.eq()  :  减少匹配元素的集合,根据index索引值,精确指定索引对象。
.get() :  通过检索匹配jQuery对象得到对应的DOM元素。

  同样是返回元素,那么eq与get有什么区别呢?

  eq返回的是一个jQuery对象,get返回的是一个DOM对象。举个例子:

1 $( "li" ).get( 0 ).css("color", "red"); //错误
2 $( "li" ).eq( 0 ).css("color", "red"); //正确

  get方法本质上是把jQuery对象转换成DOM对象,但是css属于jQuery构造器的,DOM是不存在这个方法的,如果需要用jQuery的方法,我们必须这样写:

1 var li = $( "li" ).get( 0 );
2 $( li ).css("color", "red"); //用$包装

取出DOM对象li,然后用$再次包装,使之转变成jQuery对象,才能调用css方法,这样要分2步写太麻烦了,所以jQuery给我们提供了一个便捷方法eq()。

时间: 2024-08-12 04:31:16

JQ中get()与eq()的区别的相关文章

perl中==操作和eq操作区别

$str1 = "1 -the first str"; $str2 = "1 -the second str"; print "numerically  equal\n" if($str1 == $str2); print "stringwise equal\n" if($str1 eq $str2); 结果只有numerically equal. PS:perl会自动转换字符串.$str1 == $str2中的值都是1 实际

jQuery中get与eq的区别

get与eq的区别 .eq() 减少匹配元素的集合,根据index索引值,精确指定索引对象. .get() 通过检索匹配jQuery对象得到对应的DOM元素. 同样是返回元素,那么eq与get有什么区别呢? eq返回的是一个jQuery对象,get返回的是一个DOM对象.举个例子: $( "li" ).get( 0 ).css("color", "red"); //错误 $( "li" ).eq( 0 ).css("

jQ中css()和addClass的区别之优先级

笔者在实现点击表格中某行添加高亮的效果时,发现一个css()和addClassd()的冲突,具体代码如下: <style> .se { background:#FF6500; color:#fff; } </style> <script type="text/javascript"> $(function(){ $("tbody>tr:odd").css("background-color","

JQ中find()与filter()的区别

刚开始学的时候,对于find()和filter()有点理不清楚,下面通过案例相信就可以很快的区分清楚 以下是代码 find弹出的是 filter()弹出的是 下面我们添加div的class是rain find()弹出结果是 fliter弹出结果是 通过以上案例,我们就清楚的知道,find()是查找某个元素内部的元素 filter()查找的是某个元素的自身,而不是内部的元素

jq中.prop()与attr()的区别

一,定义 prop() 方法设置或返回被选元素的属性和值.prop() 方法应该用于检索属性值 attr()  方法设置或返回被选元素的属性和值.如需检索 HTML 属性,请使用 attr() 方法代替. 固有属性用prop方法: 自定义属性用attr方法. 典型的例子:判断checkbox是否选中 $('#all').on('click',function(){ if($("#all").is(':checked')){ $(".childbox").each(f

jQ中prop与attr的区别

1.prop适用于HTML元素本身就带有的固有属性 2.attr适用于HTML元素我们自定义的属性 <input type="checkbox" value="复选框" /> console.log($('[input="checkbox"]').attr("checked")) //undefined console.log($('[input="checkbox"]').prop("

JQ中bind(),live(),delegate()事件方法的区别

[导读] bind(), live(), 和 delegate()这三个方法的区别并不是非常明显.弄清楚这些区别对我们写出简介的代码和预防我们的应用中出现bugs是非常有帮助的. jQuery团队在1 7版本中发布了一个用于绑定事件的新方法叫 bind(), .live(), 和 .delegate()这三个方法的区别并不是非常明显.弄清楚这些区别对我们写出简介的代码和预防我们的应用中出现bugs是非常有帮助的. jQuery团队在1.7版本中发布了一个用于绑定事件的新方法叫做on.这个方法包含

在表单(input)中id和name的区别

在表单(input)中id和name的区别  但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的.此外浏览器会根据name来设定发送到服务器的request.因此如果用id,服务器是无法得到数据的. 2. frame和window的名字,用于在其他frame或window指定target. 例如:<frameset cols="

jQuery中this与$(this)的区别总结

这里就谈谈this与$(this)的区别. 1.jQuery中this与$(this)的区别 $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK"; } ); 这里的this其实是一个html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的. 但是如果将this换成(this)就不是那回