JQuery小结

JQuery是一个JavaScript库，它极大地简化了JavaScipt编程。

1、JQ对象与DOM对象互相转化

DOM 对象 -> JQ对象
var $d = $(oDiv);
JQ对象 -> DOM对象
console.log($div[0])
console.log($div.get(0))

注意：JQ对象与DOM对象不能调用对方的方法。

2、JQ选择器

1、通配符选择器$("*")
2、id选择器$('#last')
3、class选择器$('.list')
4、标签选择器$('li')
5、分组选择器$('div, p')
6、子代选择器$('div > span')
7、后代选择器$('div span')
8、后面所有的兄弟元素
$('#list1 ~ li' )
9、下一个兄弟元素
$('#list1 + li' )
10、寻找第几个元素 索引从0开始
$('li:eq(2)' )
$('li:eq(-1)' )
11、选中偶数
$('li:even')
12、选中奇数
$('li:odd')
13、选中第一个元素
$('li:first')
14、选中第二个元素，索引从1开始
$('li:gt(2)')
15、选中所有的h标签
$(':header')
16、伪类选择器
$('li:lang(zh-CN')
17、过滤掉某个元素 
$('li:not(#list1)')

如何在选择器中加css样式：.css('color', 'orange')

3、attr与prop 二者均可以给元素设置或获取属性。设置时可以给所有元素设置属性，但获取只能第一个元素的属性，attr设置普通属性，prop设置特殊属性（不是所有标签都有的属性，例如：input的checked属性。）

addClass()添加class。

removeClass()移除class。

sibings()兄弟元素。