:selected 匹配所有选中的 option
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <script type="text/javascript" src=""></script> <script type="text/javascript"> $(function(){ //1.对表单内 可用input 赋值操作 $("#btn1").click(function(){ // val()可以操作表单项的value属性值 // 它可以设置和获取 $(":text:enabled").val("我是万能的程序员"); }); //2.对表单内 不可用input 赋值操作 $("#btn2").click(function(){ $(":text:disabled").val("管你可用不可用，反正我是万能的程序员"); }); //3.获取多选框选中的个数 使用size()方法获取选取到的元素集合的元素个数 $("#btn3").click(function(){ alert( $(":checkbox:checked").length ); }); //4.获取多选框，每个选中的value值 $("#btn4").click(function(){ // 获取全部选中的复选框标签对象 var $checkboies = $(":checkbox:checked"); // 老式遍历 // for (var i = 0; i < $checkboies.length; i++){ // alert( $checkboies[i].value ); // } // each方法是jQuery对象提供用来遍历元素的方法 // 在遍历的function函数中，有一个this对象，这个this对象，就是当前遍历到的dom对象 $checkboies.each(function () { alert( this.value ); }); }); //5.获取下拉框选中的内容 $("#btn5").click(function(){ // 获取选中的option标签对象 var $options = $("select option:selected"); // 遍历，获取option标签中的文本内容 $options.each(function () { // 在each遍历的function函数中，有一个this对象。这个this对象是当前正在遍历到的dom对象 alert(this.innerHTML); }); }); }) </script> </head> <body> <h3>表单对象属性过滤选择器</h3> <button>对表单内 可用input 赋值操作.</button> <button>对表单内 不可用input 赋值操作.</button><br /><br /> <button>获取多选框选中的个数.</button> <button>获取多选框选中的内容.</button><br /><br /> <button>获取下拉框选中的内容.</button><br /><br /> <form action="#"> 可用元素: <input value="可用文本框1"/><br> 不可用元素: <input disabled="disabled" value="不可用文本框"/><br> 可用元素: <input value="可用文本框2"/><br> 不可用元素: <input disabled="disabled" value="不可用文本框"/><br> <br> 多选框: <br> <input type="checkbox" checked="checked" value="test1" />test1 <input type="checkbox" value="test2" />test2 <input type="checkbox" value="test3" />test3 <input type="checkbox" checked="checked" value="test4" />test4 <input type="checkbox" value="test5" />test5 <br><br> 下拉列表1: <br> <select multiple="multiple"> <option>浙江</option> <option selected="selected">辽宁</option> <option>北京</option> <option selected="selected">天津</option> <option>广州</option> <option>湖北</option> </select> <br><br> 下拉列表2: <br> <select> <option>浙江</option> <option>辽宁</option> <option selected="selected">北京</option> <option>天津</option> <option>广州</option> <option>湖北</option> </select> </form> </body> </html> 五、jQuery 元素筛选eq() 获取给定索引的元素 功能跟 :eq() 一样
first() 获取第一个元素 功能跟 :first 一样
last() 获取最后一个元素 功能跟 :last 一样
filter(exp) 留下匹配的元素
is(exp) 判断是否匹配给定的选择器，只要有一个匹配就返回，true
has(exp) 返回包含有匹配选择器的元素的元素 功能跟 :has 一样
not(exp) 删除匹配选择器的元素 功能跟 :not 一样
children(exp) 返回匹配给定选择器的子元素 功能跟 parent>child 一样
find(exp) 返回匹配给定选择器的后代元素 功能跟 ancestordescendant 一样
next() 返回当前元素的下一个兄弟元素 功能跟 prev+next 功能一样
nextAll() 返回当前元素后面所有的兄弟元素 功能跟 prev~siblings 功能一样
nextUntil() 返回当前元素到指定匹配的元素为止的后面元素
parent() 返回父元素
prev(exp) 返回当前元素的上一个兄弟元素
prevAll() 返回当前元素前面所有的兄弟元素
prevUnit(exp) 返回当前元素到指定匹配的元素为止的前面元素
siblings(exp) 返回所有兄弟元素
add() 把 add 匹配的选择器的元素添加到当前 jquery 对象中