锋利的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”)