码迷,mamicode.com
首页 > Web开发 > 详细

jQuery -原生 如何互转

时间:2016-12-13 23:30:51      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:round   今天   doc   情况   query   span   区别   .com   ges   

 今天研究源码的时候发现,不需要用get() 也能进行原生转换,使用原生方法。

原生- jQuery对象  

  var obj=document.xxx

  $(obj).css();

  也可以直接 $(document.xxx)

jQuery对象 - 原生

  方法一 : get() 

    $(‘li‘).get();

  这是吧jq获取的元素的集合转换成了原生对象,get()中也可以放参数代表当前被转换的那一个可以是使用原生方法了。

  很多问eq() 和get()的区别:

      很简单,你用了eq()那么后面就无法使用原生方法,它后面跟的是jq的方法

            $(‘input‘).eq(1).css(‘background‘,‘blue‘)

      相反,使用了get(),那么也只能去使用原生的方法

            $(‘input‘).get(1).style.background(‘blue‘)

 

  方法二:直接使用下标,就是说有些情况写 你可以省去get(),二直接可以使用原生方法去完成你想做的事,岂不是更方便

    测试1:循环

      技术分享

    测试2:表单

      技术分享

    测试3:加入下标之后 ,再使用jq的方法就会报错

      技术分享

 

 

   

jQuery -原生 如何互转

标签:round   今天   doc   情况   query   span   区别   .com   ges   

原文地址:http://www.cnblogs.com/NTWang/p/6172135.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!