11月20日笔记

jQuery对象和DOM对象
1.jQuery对象
jQuery对象是通过jQuery包装DOM对象后产生的对象。

jQuery对象是jQuery独有的。拥有jQuery里面的方法。

例如：

lg($(‘#dd’));

lg(document.getElementById(‘dd’));
jQuery对象中无法使用DOM对象的任何方法。
DOM对象也不能使用jQuery里面的方法。
2.JQuery对象和DOM对象的相互转换。
jQuery提供了两种方法将一个jQuery对象转换成DOM对象，即[index]和get(index)。
//第一种方法

lg($('#dd'));lg($('#dd')[0]);

//第二种方法

lg($('#dd'));lg($('#dd').get(0));

DOM对象转化成jQuery对象。
只需要把DOM对象包装起来，既可以获得一个jQuery对象了。

var dd = document.getElementById('dd');var $dd = $(dd);lg($dd);

jQuery选择器
1.基本选择器
选择器 描述

id 根据给定的ID匹配一个元素

.class 根据给定的类名匹配元素
element 根据给定元素名匹配元素
* 匹配所有元素
selector1,selector2,selector3 将每一个选择器匹配到的元素合并返回
2.层次选择器
选择器 描述
(‘ad′)选取a元素里所有的d后代元素(‘p>c’) 选取p元素下的c子元素
(‘prev+next′)选取紧邻在prev元素后的next元素(‘prev~siblings’) 选取prev元素之后的所有siblings兄弟元素
3.过滤选择器
选择器 描述
:first 选取第一个元素
:last 选取最后一个元素
:not(selector) 去除所有与指定选择器匹配的元素
:even 选取所有索引是偶数的元素
:odd 选取所有索引是奇数的元素
:containes(text) 选取所有文本内容为’text’的元素
:empty 选取不包含子元素或者文本的空元素
:has 选取含有选择器所匹配的元素的父元素
[attr] 选取拥有此属性的元素
[attr = value] 选取属性值为value的元素
[attr^=value] 选取属性值以value开头的元素
[attr$=value] 选取属性值以value结束的元素
[attr*=value] 选取属性值含有value的元素
:nth-child(index) 选取父元素下第index个子元素或者奇偶元素
:first-child 选取父元素的第一个子元素
:last-child 选取每个父元素的最后一个子元素