Jquery中each的三种遍历方法

前端之家收集整理的这篇文章主要介绍了Jquery中each的三种遍历方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

获取遍历每一个dom对象

获取遍历每一个dom对象

方法

获取某个集合对象

获取遍历每一个dom对

<div class="cnblogs_code">

  
  
  
Meta    
属性选择器学习  
  
  



$(</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;#btn1</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;).click(</span><span style="background-color: #f5f5f5; color: #0000ff"&gt;function</span><span style="background-color: #f5f5f5; color: #000000"&gt; (){  
    </span><span style="background-color: #f5f5f5; color: #008000"&gt;//</span><span style="background-color: #f5f5f5; color: #008000"&gt;当点击按钮后,设置id=two的div的背景颜色是绿色  </span>

<span style="background-color: #f5f5f5; color: #000000"> $(<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">input[type=text]:disabled<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">).each(<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000">(index,domEle){
<span style="background-color: #f5f5f5; color: #008000">//<span style="background-color: #f5f5f5; color: #008000">domEle.value="xxxxx";
<span style="background-color: #f5f5f5; color: #000000"> $(domEle).val(<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xxxxxxxx<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">);
});
});

$(</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;#btn2</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;).click(</span><span style="background-color: #f5f5f5; color: #0000ff"&gt;function</span><span style="background-color: #f5f5f5; color: #000000"&gt; (){  
    </span><span style="background-color: #f5f5f5; color: #008000"&gt;//</span><span style="background-color: #f5f5f5; color: #008000"&gt;当点击按钮后,设置id=two的div的背景颜色是绿色  </span>

<span style="background-color: #f5f5f5; color: #000000"> alert($(<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">input[type=checkBox]:checked<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">).length);
});

$(</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;#btn3</span><span style="background-color: #f5f5f5; color: #000000"&gt;"</span><span style="background-color: #f5f5f5; color: #000000"&gt;).click(</span><span style="background-color: #f5f5f5; color: #0000ff"&gt;function</span><span style="background-color: #f5f5f5; color: #000000"&gt; (){  
    </span><span style="background-color: #f5f5f5; color: #008000"&gt;//</span><span style="background-color: #f5f5f5; color: #008000"&gt;当点击按钮后,设置id=two的div的背景颜色是绿色  </span>

<span style="background-color: #f5f5f5; color: #000000"> $(<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">select option:selected<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">).each(<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000">(index,domEle){
<span style="background-color: #f5f5f5; color: #008000">//<span style="background-color: #f5f5f5; color: #008000">domEle.value="xxxxx";
<span style="background-color: #f5f5f5; color: #000000"> alert($(domEle).text());
});
});
});
<span style="color: #0000ff"></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">head<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">form <span style="color: #ff0000">method<span style="color: #0000ff">="post"<span style="color: #ff0000"> action<span style="color: #0000ff">=""<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> value<span style="color: #0000ff">="可见元素1" <span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> value<span style="color: #0000ff">="不可见元素1"<span style="color: #ff0000"> disabled<span style="color: #0000ff">="disabled" <span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> value<span style="color: #0000ff">="可见元素2" <span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> value<span style="color: #0000ff">="不可见元素2"<span style="color: #ff0000"> disabled<span style="color: #0000ff">="disabled" <span style="color: #0000ff">/><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="checkBox"<span style="color: #ff0000"> value<span style="color: #0000ff">="美女" <span style="color: #0000ff">/><span style="color: #000000">美女
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="checkBox"<span style="color: #ff0000"> value<span style="color: #0000ff">="美男" <span style="color: #0000ff">/><span style="color: #000000">美男
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="checkBox"<span style="color: #ff0000"> value<span style="color: #0000ff">="大爷" <span style="color: #0000ff">/><span style="color: #000000">大爷
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="checkBox"<span style="color: #ff0000"> value<span style="color: #0000ff">="大妈" <span style="color: #0000ff">/><span style="color: #000000">大妈
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="radio"<span style="color: #ff0000"> value<span style="color: #0000ff">="男" <span style="color: #0000ff">/><span style="color: #000000">男
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="radio"<span style="color: #ff0000"> value<span style="color: #0000ff">="女" <span style="color: #0000ff">/><span style="color: #000000">女
<span style="color: #0000ff"><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">select <span style="color: #ff0000">id<span style="color: #0000ff">="zhiwei"<span style="color: #ff0000"> size<span style="color: #0000ff">="5"<span style="color: #ff0000"> multiple<span style="color: #0000ff">="multiple"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">option<span style="color: #0000ff">>PHP开发工程师<span style="color: #0000ff"></<span style="color: #800000">option<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">option<span style="color: #0000ff">>数据库管理员<span style="color: #0000ff"></<span style="color: #800000">option<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">option<span style="color: #0000ff">>系统分析师<span style="color: #0000ff"></<span style="color: #800000">option<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">option<span style="color: #0000ff">>保安<span style="color: #0000ff"></<span style="color: #800000">option<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">select<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">select <span style="color: #ff0000">id<span style="color: #0000ff">="xueli"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">option<span style="color: #0000ff">>大专<span style="color: #0000ff"></<span style="color: #800000">option<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">option<span style="color: #0000ff">>中专<span style="color: #0000ff"></<span style="color: #800000">option<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">option<span style="color: #0000ff">>小学<span style="color: #0000ff"></<span style="color: #800000">option<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">select<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">form<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">style<span style="color: #0000ff">="clear:both;"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">id<span style="color: #0000ff">="btn0"<span style="color: #ff0000"> type<span style="color: #0000ff">="button"<span style="color: #ff0000"> value<span style="color: #0000ff">="利用jquery对象实现 修改表单中可修改的文本域的值 $('input[type=text]:enabled')" <span style="color: #0000ff">/><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">id<span style="color: #0000ff">="btn1"<span style="color: #ff0000"> type<span style="color: #0000ff">="button"<span style="color: #ff0000"> value<span style="color: #0000ff">="利用jquery对象实现 修改表单中不可修改的文本域的值 $('input[type=text]:disabled')" <span style="color: #0000ff">/><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">id<span style="color: #0000ff">="btn2"<span style="color: #ff0000"> type<span style="color: #0000ff">="button"<span style="color: #ff0000"> value<span style="color: #0000ff">="利用jquery对象实现 获取选中的复选框的个数 $('input[type=checkBox]:checked')" <span style="color: #0000ff">/><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">id<span style="color: #0000ff">="btn3"<span style="color: #ff0000"> type<span style="color: #0000ff">="button"<span style="color: #ff0000"> value<span style="color: #0000ff">="利用jquery对象实现 获取选中的下拉菜单内容 $('select option:selected')" <span style="color: #0000ff">/><<span style="color: #800000">br<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>

猜你在找的jQuery相关文章