首页 > 代码库 > 过滤器

过滤器

<!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>