当前位置: 主页 > 编程知识 > net编程 > 讲解jQuery选择器部分的知识

讲解jQuery选择器部分的知识

时间:2009-12-24来源:站长资讯网 点击:

9.表单过滤器 Form Filters

名称

说明

解释

:enabled

匹配所有可用元素

查找所有可用的input元素:
$("input:enabled")

:disabled

匹配所有不可用元素

查找所有不可用的input元素:
$("input:disabled")

:checked

匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)

查找所有选中的复选框元素:
$("input:checked")

:selected

匹配所有选中的option元素

查找所有选中的选项元素:
$("select option:selected")

六 jQuery选择器实验室

jQuery选择器实验室使用的是“jQuery实战”一书中的代码, 感觉对于学习选择器很有帮助。

我们的实验对象是一个拥有很多元素的页面:

image

在实验室页面的“Selector”输入框中输入jQuery选择器表达式, 所有匹配表达式的元素会显示红框:

image

如上图所示, 在输入“.myList”后点击“Apply”, 下面的输出框会显示运行结果, 右侧会将选中的元素用红框显示。

代码在本章最后可以下载。

七、API文档

jQuery官方API: http://docs.jquery.com/

中文在线API: http://jquery.org.cn/visual/cn/index.xml

中文jQuery手册下载: http://files.cnblogs.com/zhangziqiu/jquery_api.rar

八、总结

本章节讲解的jQuery依然属于基础支持, 所以没有太多的应用实例。 虽然基础但是很难一次全部记住, jQuery选择器可以说是最考验一个人jQuery功力的地方。 下一章我们讲解如何操作jQuery包装集以及动态创建新元素。

 

站长资讯网
.
分页: [1] [2] [3] [4] [5] [6]
TAG: jQuery 选择器
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言