JQuery的一些复杂点

今天处理了一天的环境，qc也没有修复几个，在修复QC的时候用到了JQuery的一些使用，但已经有些模糊了，所以就重温一下。
其实JQuery对象其实就是对于dom对象的一次封装，说白了就是jQuery对象里面包着dom对象，就像是这种结构：[{},{},{},{},{}]，一个数组里面有很多的对象

jQuery对象和DOM对象的区别于联系：
1.DOM对象：就是用原生JavaScript的方式获取到的元素对象
2.jQuery对象：用jQuery的方式获取到的元素对象称之为jQuery对象

jQuery对象的原型身上添加了很多的方法，这就是jQuery的方法，jQuery的方法只有jQuery对象才能使用
dom对象的方法，也只有dom对象才能使用，jQuery对象不能直接使用dom对象的方法
jQuery对象转dom对象：通过下标的方式
dom对象转jQuery对象：通过$()函数，函数的参数就是dom对象

JQ操作样式:
1.css方法：
css（）：改变一个样式
css({})：传入一个对象，同时改变多个样式
2.操作class
addclass（）：添加一个类
removeclass（）：移除一个类
hasclass（）：判断是否有一个类
toggleclass（）：切换一个类的有无，这个方法经常会使用到，用这个方法来代替remove和add，可以节省很多代码量

jquery操作属性：
attr（）：通过attr方法来操作属性，用法和css一样

$("button").click(function(){
  $("img").attr("width","180");
});

prop（）方法:prop() 方法设置或返回被选元素的属性和值。
当该方法用于返回属性值时，则返回第一个匹配元素的值。
当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。
注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。
提示：如需检索 HTML 属性，请使用 attr() 方法代替。
提示：如需移除属性，请使用 removeProp() 方法。

$("button").click(function(){
    var $x = $("div");
    $x.prop("color","red");
    $x.append("The color 属性： " + $x.prop("color")); // The color 属性：red
    $x.removeProp("color");
    $x.append("<br>现在 color : " + $x.prop("color")); // 现在 color : underfined
});