首页 > 代码库 > 过滤器
过滤器
<!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="http://www.mamicode.com/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="http://www.mamicode.com/测试" 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="http://www.mamicode.com/true" />男 <input type ="radio" name ="gender" value ="http://www.mamicode.com/false" />女 <br /> <select > <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select></body></html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。