手机游戏
经典单机
角色扮演
休闲益智
动作冒险
射击枪战
赛车竞速
模拟经营
解密闯关
策略战争
手机软件
时尚购物
体育运动
资讯阅读
教育学习
摄影摄像
生活服务
效率办公
聊天社交
视频盒子
其它软件
新闻资讯
游戏攻略
软件教程
游戏问答
软件资讯
软件技术
叨叨念念
网站技术
技术问答
软件教程
资源资料
原创作品
代码学习
网页设计
网络技术
合集
合集
游戏合集
软件合集
资讯合集
视频合集
首页 > 代码学习 > 代码学习

jQuery eq和get区别和使用方法

作者:星知苑 时间:2013-06-13 13:21:20

:eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。

 

get(index) 取得其中一个匹配的元素。index表示取得第几个匹配的元素。

这能够让你选择一个实际的DOM 元素并且对他直接操作,而不是通过 jQuery 函数。$(this).get(0)与$(this)[0]等价。

 

下面我们通过一个简单的代码来说明下:[break]

<script type="text/javascript" src="http://u.myxzy.com/jquery/jquery-1.7.1.js"></script> 
<script> 
$("document").ready(function(){ 
       alert($("li:eq(0)"));
       alert($("li").get(0));
}) 
</script> 
<ul>
  <li>Li-1</li>
  <li>Li-2</li>
</ul>

 

得到的结果是

返回结果分别为:[object Object]和[object HTMLLIElement]

可知,eq返回的是一个jquery对象,get返回的是一个html 对象数组。

 

使用eq来获得第一个li标签的color值:

$("li").eq(0).css("color")  //因为eq(num)返回的是个jq对象,所以可以用jq的方法css

使用get来获得第二个li标签的color值:

$("li").get(1).style.color  //因为get(num)返回的是个html对象,所以要使用传统的HTML对象方法,jq对象此时就没用了。

 

当然,你也可以get(num)后把对象转为jq的对象再进行操作:

$($("li").get(1)).css("color")

 

由此我们知道,由eq返回的jquery对象,我们可以直接使用jquery的方法如.css(),.html()等,而由get返回的是html数组对象要使用传统的HTML对象方法或者转换成jquery对象后再操作 。

NOTE:可以实现同种效果,那么建议统一使用eq,不必再去费心理会他们之间的区别什么的了。

<script type="text/javascript" src="http://u.myxzy.com/jquery/jquery-1.7.1.js"></script>
<script>
$("document").ready(function(){
$("li:eq(0)").css("color",'red');
$("li").eq(1).css("color",'blue');
$("li").get(2).style.color='green';
$($("li").get(3)).css("color",'yellow');
})
</script>
<ul>
<li>li-1</li>
<li>li-2</li>
<li>li-3</li>
<li>li-4</li>
</ul>
1.jpg

良心推荐

订酒店最便宜的app
  • 木鸟民宿ios下载
  • 首旅如家下载极速版
  • 飞猪官网版下载
  • 艺龙旅行app官方下载
  • 去哪儿旅行下载官方免费
  • 同程旅行下载app安卓
很多喜欢旅游或者是出差的朋友,由于时间都是比较长的,所以选择便宜的有着很多的优惠的预定酒店或者民宿软件成了很多的朋友的软肋,因为实在是太多了,有的还不是很真正的优惠实惠,那么现在你就可以不用担心了,小编已经为了都准备好了,经过时间大量朋友人员的多方的验证,整理为你推荐的绝对靠谱的订酒店民宿的软件平台。

相关资讯