下载此文档

Jquery学习笔记(遍历方法).doc


文档分类:IT计算机 | 页数:约12页 举报非法文档有奖
1/12
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/12 下载此文档
文档列表 文档介绍
Jquery学(遍历方法)1、选择器+遍历$('div').each(function(i){i就是索引值this表示获取遍历每一个dom对象});2、选择器+遍历$('div').each(function(index,domEle){index就是索引值domEle表示获取遍历每一个dom对象});3、更适用的遍历方法1)先获取某个集合对象2)遍历集合对象的每一个元素vard=$("div");$.each(d,function(index,domEle){d是要遍历的集合index就是索引值domEle表示获取遍历每一个dom对});案例:<!DOCTYPEhtmlPUBLIC"-//W3C////EN"""><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>属性选择器学习</title><scriptlanguage="JavaScript"type="text/javascript"src="../include/"></script><scriptlanguage="javascript"type="text/javascript">//使用jquery加载事件$(document).ready(function(){//<inputid="btn0"type="button"value="利用jquery对象实现修改表单中可见的文本域的值$('input[type=text]:enabled')"/>$("#btn0").click(function(){//当点击按钮后,设置id=two的div的背景颜色是绿色$("input[type=text]:enabled").each(function(index,domEle){//="xxxxx";$(domEle).val("xxxxxxxx");});});//<inputid="btn1"type="button"value="利用jquery对象实现修改表单中不可修改的文本域的值$('input[type=text]:disabled')"/>$("#btn1").click(function(){//当点击按钮后,设置id=two的div的背景颜色是绿色$("input[type=text]:disabled").each(function(index,domEle){//="xxxxx";$(domEle).val("xxxxxxxx");});});//<inputid="btn2"type="button"value="利用jquery对象实现获取选中的复选框的个数$('input[type=checkbox]:checked')"/>$("#btn2").click(function(){//当点击按钮后,设置id=two的div的背景颜色是绿色alert($("input[type=checkbox]:checked").length);/*$("input[type=checkbox]:checked").each(function(index,domEle){//alert();//alert();//alert($(this).val());});*/});//<inputid="btn3"type="button"value="利用jquery对象实现获取选中的下拉菜单的内容$('selectoption:selected')"/>$("#btn3").click(function(){//当点击按钮后,设置id=two的div的背景颜色是绿色$("selectoption:selected").each(function(index,domEle){//="xxxxx";alert($(domEle).text());});});});</script></head><body><formmethod="post"action=""><inputtype="text"value="可见元素1"/><inputtype="text"value="不可见元素1"disabled="disabled"/><inputtype="text"value="可见元素2"/><inputtype="text"value="不可见元素2"disabled="disabled"/><br><inputtype="checkbox"valu

Jquery学习笔记(遍历方法) 来自淘豆网m.daumloan.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数12
  • 收藏数0 收藏
  • 顶次数0
  • 上传人iris028
  • 文件大小28 KB
  • 时间2019-11-16