锋利的Jquery（第二版）笔记（一）

1.Jquery库冲突

1.5.1 Jquery库在其他库后导入

jQuery.noConflict();将变量控制权$交给其他库.
或者自定义var $j = jQuery.noConflict();
或者匿名函数(形参$)(function($){$fcunction(){}});

1.5.1 Jquery库在其他库前导入

直接jquery或者$();

2. Jquery选择器

2.1 CSS选择器

1. 标签选择器

E{css规则}

2. ID选择器

#ID{css规则}

3. 类选择器

E.className{css规则}
className{css规则}

4. 群组选择器

E1,E2,E3{css规则} td,p,div.a{css}

5. 后代选择器

E F{css规则} #links a{css};

6. 通配选择器

*{css规则}

2.3.2 层次选择器

1. $(“div span”) div里面所有span

2. $(“div>span”) div元素下的span子元素

3. $(“.one+div”) class为one的下一个div同辈元素

等价$(".one").next("div"); 

4. $(“#two~div”) id为two的后面所有div同辈元素

等价$("#two").nextAll("div"); 

2.3.3 过滤选择器

1. 基本过滤选择器

选择器	描述	示例
:first	选取第一个	$(“div:first”) 所有div第一个div
:last	选取最后一个	$(“div:first”) 所有div后一个div
:even	选取索引偶数	$(“input:even)”)
:odd	选取索引奇数	$(“input:odd”)
:eq(index)	等于index	$(“input:e1(1)”)
:gt(index)	大于index	$(“input:gt(1)”)
:lt(index)	小于index	$(“input:lt(1)”)
:header	所有标题元素	$(“input:header”) 所有h1 h2 h3
:animated	所有执行动画	$(“div:animated”) 所有执行动画div
:focus	当前焦点元素	$(“:focus”) 当前获取焦点元素

2. 内容过滤选择器

选择器	描述	示例
:contains(text)	选取含文本内容”text”	$(“div:contains(‘我’)”)
:empty	不含子元素或文本的空元素	$(“div:empty”)
:has(selector)	含有匹配元素的元素	$(“div:has(p)”)含p的div
:parent	含有子元素或文本的元素	$(“div:parent”)选择拥有子元素的div

3. 可见性过滤选择器

选择器	描述	示例
:hidden	选取所有不可见元素	$(“:hidden”) 含disple:none visibility
:visible	选取所有可见元素	$(“div:visible”)选取所有可见div

4.属性过滤选择器

选择器	描述(集合元素)
[attribute]	选取拥有此属性的元素
[attribute=value]	选取属性值等于value的元素
[attribute!=value]	选取属性值不等于value的元素
[attribute^=value]	选取属性值以value开始的元素
[attribute$=value]	选取属性值以value结束的元素
[attribute*=value]	选取属性值含有value的元素
[attribute	=value]
[attribute~=value]	选取属性值空格分隔含给定值的元素
[attr1][attr2][attrN]	选取多属性的元素

5.子元素过滤选择器

选择器	描述（集合元素）	示例
:nth-child(index/even/odd/eq)	选取每个父元素下的第index	index为1开始
:first-child	选取每个父元素下的第1个子元素	$(“ul li:first-child”)选取每个ul的第一个li元素
:last-child	选取每个父元素下的最后一个子元素	$(“ul li:last-child”)选取每个ul的最后一个li元素
:only-child	选取父元素唯一子元素	$(“ul li:only-child”)选取ul中唯一子元素li元素

6.表单对象属性过滤选择器

选择器	描述（集合元素）	示例
:enable	选取所有可用元素	$(“#form1:enable”)
:disenable	选取所有不可用元素	$(“#form2:disenable”)
:checked	选取所有被选中的元素(单选复选)	$(“input:checked”)
:selected	选取所有被选中的元素(下拉列表)	$(“select option:selected”)
:input	选取所有input元素	$(“:input”)
:text	选取所有单行文本框	$(“:text”)
:radio	选取所有单选框	$(“:radio”)
:password	选取所有密码框	$(“:password”)
:checkbox	选取所有多选框	$(“:checkbox”)
:submit	选取所有提交按钮	$(“:submit”)
:iamge	选取所有图像按钮	$(“:iamge”)
:reset	选取所有重置按钮	$(“:reset”)
:button	选取所有按钮	$(“:button”)
:file	选取所有上传域	$(“:file”)
:hidden	选取所有不可见	$(“:hidden”)