JQueryDOM节点操作

知识点：
DOM对象与jQuery对象的区别：
1.DOM对象是通过原生的JS获取的对象，DOM对象只能使用JS中的方法和属性。
2.jQuery对象是通过jQuery包装DOM对象后产生的对象，它是jQuery独有的。
3.jQuery可以使用jQuery库里面的方法，但是不能使用JS中的方法。
DOM对象：document.getElementById(“box”);还有很多种DOM对象。
下面有用js写的DOM对象和jQuery写的对象：

 jQuery的链式写法：
  $("#jqBox").css("width", "400px").html("这是一个jQuery对象");
  JS对象只能调用JS中提供的方法和属性，不能使用jquery中的方法和属性。
  jquery对象只能使用jQuery的方法和属性，不能使用JS提供的方法和属性。
  通过标准的JavaScript操作DOM与jQuery操作DOM的对比，我们不难发现：
  通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。
  通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，总的来说用jQuery方法代码也会更加精短和细致。

DOM对象与jQuery对象之间的转换 ：JS对象包含DOM对象：
jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，
为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。
我们使用jQuery的同时也能混合JavaScript原生代码一起使用。
在很多场景中，我们需要jQuery与DOM能够相互的转换，
它们都是可以操作的DOM元素，jQuery是一个类数组对象，
而DOM对象就是一个单独的DOM元素。
相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象，通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了