获取遍历每一个dom对象
获取遍历每一个dom对象
方法
获取某个集合对象
获取遍历每一个dom对
<div class="cnblogs_code">
Meta
属性选择器学习
$(</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">#btn1</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">).click(</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> (){
</span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">当点击按钮后,设置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">"</span><span style="background-color: #f5f5f5; color: #000000">#btn2</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">).click(</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> (){
</span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">当点击按钮后,设置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">"</span><span style="background-color: #f5f5f5; color: #000000">#btn3</span><span style="background-color: #f5f5f5; color: #000000">"</span><span style="background-color: #f5f5f5; color: #000000">).click(</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> (){
</span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">当点击按钮后,设置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">>