DOM 转 jQuery对象

var $div = $(div);  // 直接 $ 符号就行了

jQuery 对象 转 DOM 对象

var div = $div[0]

var div = $div.get(0) //两种方式选其一

$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。

jQuery基础 (一)—样式篇——简介 1、jQuery轻量级的JavaScript库，核心是JavaScript，兼容css和各种浏览器，核心理念是写得少做得多。 2、优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。

$("?:contains('指定文本')")--查找包含指定文本的元素；

$("?:has('指定元素')")--查找包含指定元素的元素；

如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。

$("?:parent")--选择所有包含有子元素或者文本的元素；

$("?:empty")--选择所有没有子元素的元素(包含文本节点)；

筛选选择器用冒号":"开头；

$(":first")  匹配第一个元素；

$(":last")   匹配最后一个元素；

$(":eq(index)") 在匹配的集合中选择索引值为index的元素；

$(":gt(index)") 选择匹配集合中所有大于给定index(索引值)的元素；

$(":even") 选择索引值为偶数的元素，从0开始计数；

$(":odd") 选择索引值为奇数的元素，从0开始计数；

$(":lt(index)") 选择匹配集合中所有索引值小于给定index参数的元素；

$(":header") 选择所有标题元素，像h1,h2,h3等；

$(":lang(language)") 选择指定语言的所有元素；

$(":root") 选择该文档的根元素；

$(":animated") 选择所有正在执行动画效果的元素；

1. jQuery合集都是从0开始索引；
   

2. gt是一个段落筛选，从指定索引的下一个开始，gt(1)实际是从2开始；
   

.css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性

获取：

1. .css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值

2. .css( propertyNames )：传递一组数组，返回一个对象结果

设置：

1.  .css(propertyName, value )：设置CSS

2. .css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理

3. .css( properties )：可以传一个对象，同时设置多个样式

.toggleClass( )方法：在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类

1. .toggleClass( className )：在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名

2. .toggleClass( className, switch )：一个布尔值，用于判断样式是否应该被添加或移除

3. .toggleClass( [switch ] )：一个用来判断样式类添加还是移除的 布尔值

4. .toggleClass( function(index, class, switch) [, switch ] )：用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数

$('div>p')--子选择器；

$('div p')--后代选择器；

$('.prev+div')--相邻兄弟选择器；（选取后面一个div兄弟节点）

$('.prev~div')--一般相邻选择器；（选取后面所有的div兄弟节点）

.html(),.text()和.val()的差异总结：  

1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

css样式和addClass样式优先级来说 css样式要高于addClass   addClass是外联样式 通常先写.{ 样式} 然后再用addClass调用程序

css方法是内联样式 通常直接在css()当中直接写入样式 所以css样式优先级要高于addClass

表单对象属性筛选选择器

jQuery子元素筛选选择器

:first-child选择所有父级元素下第一个元素

:last-child选择所有父级元素下倒数第一个元素

:only-child如果某个元素是其父元素的唯一子元素，那么他会被选中

:nth-child(1-n)选择的他们所有父元素的第n个子元素

:nth-last-child(1-n)与上面相反，从后往前数

jQuery属性筛选选择器

比较重要的两个：

[attr="value"]选择指定属性是给定值的元素

[attr*="value"]选择指定属性具有包含一个给定的字符串的元素

jQuery可见性筛选选择器

$(":visible")选择所有显示的元素

$(":hidden")选择所有隐藏的元素

:hidden选择器不仅仅包含样式是display="none"的元素还包括隐藏表单、visibility等等

jQuery内容筛选选择器

$(":contains(text)")选择所有包含制定文本的元素

:contains与:has都有查找的意思，但是contains查找包括“指定文本”的元素，has查找包括“指定元素”的元素。

$(":parent")选择所有含有子元素或者文本的元素

$(":empty")选择所有没有子元素的元素（包含文本节点）

$(":has(selector)")选择元素中至少包含指定选择器的元素