过滤器
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> div { border: 1px solid #0ff; border-collapse: collapse; height: 40px; } </style> <script src="Scripts/jquery-1.8.2.js"></script> <script type="text/javascript"> $(function () { $("#btnTest").click(function () { //$("div :first").text("哈哈哈哈哈");//第一个div //$("div :last").text("哈哈哈哈哈");//最后一个div // $("div:not(.aa)").text("hahhahhahhah");//获取不满足条件的div clas不为aa //$("div:even").text("我是偶数"); //获取偶数的div 从0开始 //$("div:odd").text("我是奇数"); // $("div:eq(3)").text("我是第四个");//获取指定索引的div // $("div:gt(1):lt(2)").text("选中的div");//获取下标指定区间的元素 ,注意:gt完了之后,产生一个新的dom数组,那么lt是基于新的dom数组而言的 //补充slice方法 // $("div").slice(1, 2).text("哇哈哈~~~"); //获取下标大于1小于2 // $("div:not(:first)").text("选中了。。。。"); // $("div[id]").text("有包含ID属性"); //提交表单不会提交display的元素,但是会提交readonly的元素 var checkarr = $("input[name=checkL]:checked"); $.each(checkarr, function (i, item) { }); //append 父元素 将子元素 追加进来 //appendTo 子元素追加到父元素 }); }); </script> </head> <body> <input type="button" value="测试" id="btnTest" /> <div id="div1" class="aa"></div> <div id="div2"></div> <div id="div3"></div> <div></div> <div></div> <input name ="checkL" type="checkbox" />足球 <input name ="checkL" type="checkbox" />篮球 <input name ="checkL" type="checkbox" />排球 <input name ="checkL" type="checkbox" />乒乓球 <input name ="checkL" type="checkbox" />羽毛球 <br /> <input type ="radio" name ="gender" value="true" />男 <input type ="radio" name ="gender" value ="false" />女 <br /> <select > <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> </body> </html>