02.06.2013 Views

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

jQuery 基础+选择器教程 - 七月、前端攻城师王子墨

SHOW MORE
SHOW LESS

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 />

问题

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!