关于dom操作中get()的使用方法

Question

$($("p").get(0)).css('background','red');
        // $("p").get(0).style.color='red' 
        这两种方式都可以改变p的样式，但是我不知道这有什么区别呢，看了其他人的说明也不是很明白。求详细解答。

Answer 1

get是用于转换dom对象
var s = $("p").get(0); 把jquery对象转换成dom对象
var s=$($("p").get(0)); 把jquery对象转换成dom对象后 再把它转化成jquery对象
所以你的$("p").get(0).style.color='red' 才可以成功
因为在js中 dom操作 改变样式就是用.style.color这种形式
而在jquery中 改变样式 用.css("color","")这种形式
所以你的$($("p").get(0)).css('background','red');才可以成功

Answer 2

就效率而言， 方法二肯定是比方法一 快

Answer 3

第一种最后还是使用的是jq的接口，操作的是jquery对象，第二种是操作的原生dom对象，jquery的意义最主要是解决了很多情况下的浏览器兼容性，还有就是良好的封装让你少写很多代码，第二种最接近原生js，所以更快