Jquery中each的三種遍歷方法,帶你去看看jquery好用的each方法,對jquery有興趣的可以收藏看看!
1、選擇器+遍歷
$('div').each(function (i){
i就是索引值
this 表示取得遍歷每個dom物件
});
2、選擇器+遍歷
$('div' ).each(function (index,domEle){
index就是索引值
domEle 表示取得遍歷每一個dom物件
});
#3、更適用的遍歷方法
1)先取得某個集合物件
2)遍歷集合物件的每一個元素
var d =$("div");
$.each(d,function (index,domEle){
d是要遍歷的集合
index就是索引值
domEle 表示取得遍歷每一個dom對
});
<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>属性选择器学习</title> <script language="JavaScript" type="text/javascript" src="jquery-1.7.1.min.js"></script> <script language="javascript" type="text/javascript"> //使用jquery加载事件 $(document).ready(function (){ $("#btn0").click(function (){ //当点击按钮后,设置id=two的div的背景颜色是绿色 $("input[type=text]:enabled").each(function(index,domEle){ //domEle.value="xxxxx"; $(domEle).val("xxxxxxxx"); }); }); $("#btn1").click(function (){ //当点击按钮后,设置id=two的div的背景颜色是绿色 $("input[type=text]:disabled").each(function(index,domEle){ //domEle.value="xxxxx"; $(domEle).val("xxxxxxxx"); }); }); $("#btn2").click(function (){ //当点击按钮后,设置id=two的div的背景颜色是绿色 alert($("input[type=checkbox]:checked").length); }); $("#btn3").click(function (){ //当点击按钮后,设置id=two的div的背景颜色是绿色 $("select option:selected").each(function(index,domEle){ //domEle.value="xxxxx"; alert($(domEle).text()); }); }); }); </script> </head> <body> <form method="post" action=""> <input type="text" value="可见元素1" /> <input type="text" value="不可见元素1" disabled="disabled" /> <input type="text" value="可见元素2" /> <input type="text" value="不可见元素2" disabled="disabled" /><br> <input type="checkbox" value="美女" />美女 <input type="checkbox" value="美男" />美男 <input type="checkbox" value="大爷" />大爷 <input type="checkbox" value="大妈" />大妈 <br> <input type="radio" value="男" />男 <input type="radio" value="女" />女 <br> <select id="zhiwei" size="5" multiple="multiple"> <option>php开发工程师</option> <option>数据库管理员</option> <option>系统分析师</option> <option>保安</option> </select> <select id="xueli"> <option>大专</option> <option>中专</option> <option>小学</option> </select> </form> <div style="clear:both;"> <input id="btn0" type="button" value="利用jquery对象实现 修改表单中可修改的文本域的值 $('input[type=text]:enabled')" /><br> <input id="btn1" type="button" value="利用jquery对象实现 修改表单中不可修改的文本域的值 $('input[type=text]:disabled')" /><br> <input id="btn2" type="button" value="利用jquery对象实现 获取选中的复选框的个数 $('input[type=checkbox]:checked')" /><br> <input id="btn3" type="button" value="利用jquery对象实现 获取选中的下拉菜单的内容 $('select option:selected')" /><br> </div> </body> </html>
以上就是Jquery中each的三種遍歷方法的簡述和程式碼示範了。
相關推薦:
#以上是Jquery中each的三種遍歷方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!