jQuery -原生 如何互转

Posted 2020-08-23 NT.Wang

 今天研究源码的时候发现，不需要用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的方法就会报错