第一章-jquery选择器..

（五）可见性过滤选择器

hidden 匹配所有不可见元素，或者type为hidden的元素 $(“tr:hidden”) 注：<input>的type=“hidden”也可以用这个选择 visible 匹配所有的可见元素 $(“tr:visible”)
（六）属性过滤选择器
（八）表单过滤选择器


:button 匹配所有按钮 $(“:button”) :file 匹配所有文件域 $(“:file”) :hidden 匹配所有不可见元素，或者type为hidden的元素 $(“input:hidden”) $(“tr:hidden”)

IE8中有个bug 如果你的代码中只写了一个hidden
ie8中弹出的个数是两个，FF是一个

【附加内容：Select 下拉框 multiple=‘multiple’ （把select 变成多选）】
（九）表单对象属性过滤选择器




:enabled 匹配所有可用元素 $(“input:enabled”) :disabled 匹配所有不可用元素 $("input:disabled") :checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的 option) $("input:checked") :selected 匹配所有选中的option元素 $("select option:selected")
Text() 和 html() 区别

<a id="a">"<"</a> txt = "&lt" html = "<“ <div id=“div01”></div> <div id=“div02”></div> $('#div01').html('<a href="#">测试</a>'); $('#div02').text('<a href="#">测试</a>'); 页面显示： div01结果为：测试 div02结果为：<a href="#">测试</a> Html代码显示： <div id="div01">div01结果：<a href="#">测试</a></div> <div id="div02">div02结果：&lt;a href="#"&gt;测试&lt;/a&gt;</div>
（二）层级选择器



ancestor descendant （后代选择器） 在给定的祖先元素下匹配所有的后代元素 $(“form input”) parent child （子选择器） 在给定的父元素下匹配所有的子元素 $(“form > input”) prev next（临近选择器） 匹配所有紧接在 prev 元素后的 next 元素 $(“label + input”) prev siblings 匹配 prev 元素之后的所有 siblings 元素 $(“prev ~ input”)


</div>
（四）内容过滤选择器


Hale Waihona Puke contains 匹配包含给定文本的元素 注：有无’’都没关系 $(“div:contains(text)”).css(); empty 匹配所有不包含子元素或者文本的空元素 $(“div:empty”) has 匹配含有选择器所匹配的元素的元素 $(“div:has(span)”) parent 匹配含有子元素或者文本的元素 $(“div:parent”)
（八）表单过滤选择器




:checkbox (checked=“checked”选中) 匹配所有复选框 $(“:checkbox”) :submit 匹配所有提交按钮 $(“:submit”) :image 匹配所有图像域 $(“:image”) :reset 匹配所有重置按钮 $(“reset”)


（六）属性过滤选择器

[attribute*=value] 匹配给定的属性是以包含某些值的元素 $(“div[id*=‘iv’]”) [attribute_selector1][attribute_selector2] 复合属性选择器，需要同时满足多个条件时使用 $("div[id='div2'][class='class1']")
（八）表单过滤选择器




:input (disabled=“disabled”不可编辑状态) 匹配所有 input, textarea, select 和 button 元素 $(“#from :input”) 一个from表单里边所有的元素 $(“#from:input”) id为from的input表单 $(“#from input”) 一个from表单里边只有input的元素 :text 匹配所有的单行文本框 $(“:text”) :password 匹配所有密码框 $(":password") :radio 匹配所有单选按钮 $(":radio")



谢谢观看！
基础教程，学习标准 学习是一种态度！！！ 驾驭命运的舵是奋斗。不抱有一丝幻想，不放弃一点 机会，不停止一日努力
（三）基本过滤选择器

:eq


匹配一个给定索引值的元素 $("li:eq(1)") 匹配所有大于给定索引值的元素(不包含) $(“li:gt(1)")

:gt


:lt


匹配所有小于给定索引值的元素(不包含) $(“li:lt(1)") :header 匹配如 h1, h2, h3之类的标题元素 $(":header") :animated 匹配所有正在执行动画效果的元素 $(":animated").css("background-color","blue");
（三）等价关系

选择器：$(‘.one + div’) 方法：$(‘.one’).next(‘div’);
同等关系

选择器：$(‘#pre ~ div’) 方法：$(‘#pre’).nextAll(‘div’);
$(‘div’).is(':checked') $(‘div’).attr('checked') == 'checked‘ $(‘.left.right’) $(‘div[class=“left right”]’)

（三）基本过滤选择器

:animated 匹配所有正在执行动画效果的元素 $(":animated").css("background-color","blue"); 案例如下：

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> <script> $(function(){ DivSlideToggle() $(':animated').css('background','red'); }); function DivSlideToggle(){ $('.show-box').slideToggle(); setTimeout('DivSlideToggle()',1000); } </script> <div class="show-box" style="display:none;"> <p>djfljsljfklsdjfklsdjflksdjfklsdjfklsdjklfjdklsfjs</p>


[attribute] 匹配包含给定属性的元素 $(“div[id]”) [attribute=value] 匹配给定的属性是某个特定值的元素 $("div[id=div2]") 或 $("div[id=‘div2’]") 或 $(‘div[id=“div2”]’) [attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素(此选择器等价 于:not([attr=value])) $(“div[id!=div2]”) 或 $("div[id!=‘div2’]") 或 $(‘div[id!=“div2”]’) [attribute^=value] 匹配给定的属性是以某些值开始的元素 $(“div[id^=d]”) 或 $(“div[id^=‘d’]”) 或 $(‘div[id^=“d”]’) [attribute$=value] 匹配给定的属性是以某些值结尾的元素 $(“div[id$=2]”) 或 $(“div[id$=‘2’]”) 或 $(‘div[id$=“2”]’)
JQUERY COURSE
基础教程，学习标准 学习是一种态度！！！ 驾驭命运的舵是奋斗。不抱有一丝幻想，不放弃一点 机会，不停止一日努力
（一）基础选择器





#id （id选择器） 根据给定的id匹配一个元素 注：如果选择器中包含特殊字符，可以用“\\”转义 $(“#div1”) .class（类选择器） 根据给定的类匹配元素 $(“.class1”) selector1,selector2 （群组选择器） 将每一个选择器匹配到的元素合并后一起返回 $(“div1,span”) * （通配选择器） 匹配所有元素 $(“*”) element（选择器） 根据给定的元素名匹配所有元素 $(“div”) element（选择器） 根据一个div中同时有两个class的元素名匹配元素 $(“.left.right”)
（七）子元素过滤选择器




nth-child 匹配其父元素下的第N个子或奇偶元素 注：‘:eq(index)’ 只匹配一个元素，而这个将为每一个父元素匹配 子元素。:nth-child从1开始的，而:eq()是从0算起的！可以使用: :nth-child(even) :nth-child(odd) :nth-child(3n) :nth-child(2) :nth-child(3n+1) :nth-child(3n+2) first-child 匹配第一个子元素 $("ul li:first-child") last-child 匹配最后一个子元素 $("ul li:last-child") only-child 如果某个元素是父元素中唯一的子元素，那将会被匹配 $(“ul li:only-child”)
同等关系

同等关系

同等关系
（三）基本过滤选择器




:first 获取第一个元素 $(“li”).first() :last 获取最后个元素 $(“li”).last() :not 去除所有与给定选择器匹配的元素 $("input:not(:checked)") :even 匹配所有索引值为偶数的元素，从 0 开始计数 $("li:even") :odd 匹配所有索引值为奇数的元素，从 0 开始计数 $("li:odd")