注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

①嗰亽挺ぬ

莈亽噯,僦洎巳噯洎巳

 
 
 

日志

 
 
 
 

谈谈jQuery eq和get的用法和区别  

2013-11-18 10:26:48|  分类: jQuery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
前段时间写demo练习的时候,发现了一个问题,
$("p").get(0).css("color","#f00");
一直提示语法错误,我当时很不解,get(0)我换了eq(0)的时候,奇迹出现了,竟然可以改变颜色了。这个发现促发了我的好奇心,我就试着探索探索,结果借读大神们的文章以及API之后发现问题根源了:
eq返回的是一个jquery对象,而get返回的是一个html 对象数组
看下面的两个demo:
1、<p style="color:yellow">绯雨</p>
使用eq来获得第一个p标签的color值:

$("p").eq(0).css("color")  //因为eq(num)返回的是个jq对象,所以可以用jq的方法css
使用get来获得第一个p标签的color值:

$("p").get(0).style.color  //因为get(num)返回的是个html对象,所以要使用传统的HTML对象方法,jq对象此时就没用了。
当然,你也可以get(num)后把对象转为jq的对象再进行操作:

$($("p").get(0)).css("color")


2、input对象
name1:<input type="checkbox" name="userName1"/></br>
name2:<input type="checkbox" name="userName2"/></br>
name3:<input type="checkbox" name="userName3"/></br>
name4:<input type="checkbox" name="userName4"/></br>
三种处理方式:
alert($("input[type='checkbox']").eq(0).attr("name"));//eq 方法返回一个jq对象,直接调用attr方法即可;
alert($($("input[type='checkbox']").get(0)).attr("name"));//get方法之后,利用$转换为jq对象,然后再调用attr方法;
alert($("input[type='checkbox']").get(0).getAttribute("name"));//get方法返回的是一个html对象,然后直接调用js函数即可;

做学问还得仔细一点呀,以前学习jQuery的时候没有在意,也没有深究,用的时候才出了问题,所以给各位同仁们一点小建议,技术问题自己还是多练习练习,多写写代码,发现问题,总结问题....
这个是本人的一点小总结,如有错误,请指正,望大家共同进步...
  评论这张
 
阅读(4)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017