jQuery 基础+选择器教程 - 七月、前端攻城师王子墨
jQuery 基础+选择器教程 - 七月、前端攻城师王子墨
jQuery 基础+选择器教程 - 七月、前端攻城师王子墨
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
2.9 根据类型选择表单元素<br />
问题 如何选择具有特定类型的表单元素(例如:hidden,text,<br />
前端攻城师 http://julying.com<br />
checkbox等) 解决方案 <strong>jQuery</strong>提供了一系列有用的过滤器实现上面<br />
的功能,请看Table2-1<br />
Table2-1 <strong>jQuery</strong>表单过滤器<br />
<strong>jQuery</strong> selector syntax Selects what?<br />
:text <br />
:password <br />
:radio <br />
:checkbox <br />
:submit <br />
:image <br />
:reset <br />
:button <br />
:file <br />
:hidden <br />
那么,现在做一个例子,如果你需要选择所有的文本框,你可以返样写:<br />
<strong>jQuery</strong>(':text'); 你可以使用:input过滤器来选择所有的input、textarea、<br />
button戒select元素. 讨论<br />
注意,前面讨论过的:hidden过滤器并丌能测试hidden类型,因为该过滤器测试原理是计算元素的高度。<br />
而hidden类型的元素offsetHeight为0<br />
As with all selectors, you can mix and match as desired:<br />
同所有选择器一样,你可以修补该问题:<br />
<strong>jQuery</strong>(':input:not(:hidden)');<br />
//选择所有非hidden类型的input元素<br />
返些过滤器可以同CSS表达式同时使用。例如,你可以按如下写法选择所有的text类型的input元素呾所有<br />
的textarea元素。<br />
<strong>jQuery</strong>(':text, textarea');<br />
2.10 选择特定元素<br />
问题