前端学习笔记-jquery-3-jquery对象与dom对象互相转换

//dom
var p = document.getElementById("imooc");
p.innerHtml = "Hello";
p.style.color = "red“;
//jquery
var $p = $("#imooc");
$p.html(”hello“).css("color","red");

通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。

var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

var $div = $('div') //jQuery对象
var div = $div.get(0) //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性

jQuery对象是数组结构，可以通过索引找到第一个div元素，通过返回的div对象，数组的索引是从0开始的
jQuery对象自身提供一个.get() 方法直接访问jQuery对象中相关的DOM节点

如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

var div = document.getElementsByTagName("div");
var $div = $(div);
var $first = $div.first();//第一个div元素
$first.css("color","red");