您的位置：首页 > Web前端 > JQuery

jQuery基础教程之强大的选择器（过滤选择器-属性过滤选择器）

2012-09-17 22:33 295 查看
今天我们来继续学习jQuery强大的选择器-属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。

选择器描述返回示例
[attribute]选择拥有此属性的元素集合元素$(“div[id]“)选取拥有属性id的元素
[attribute=value]选取属性的值为value的元素集合元素$(“div[title=test]“)选取属性title的值为“test”的div元素
[attribute!=value]选取属性的值不等于value的元素集合元素$(“div[title!=test]“)选取属性title的值不等于“test”的div元素注意：没有属性title的div元素也会被选取
[attribute^=value]选取属性的值以value开始的元素集合元素$(“div[title^=test]“)选取属性title的值以“test”开始的div元素
[attribute$=value]选取属性的值以value为结束的元素集合元素$(“div[title$=test]“)选取属性title的值以“test”为结束的div元素
[attribute*=value]选取属性的值含有value的元素集合元素$(“div[title*=test]“)选取属性title的值含有“test”的div元素
[selector1][selector2][selectorN]用属性选择器合并成一个复合属性选择器，满足多个条件。每选择一次，检索范围就缩小一次集合元素$(“div[id][title*=test]“)选取拥有属性id，且属性title的值含有“test”的div元素
接下来我们来观看在线的属性过滤选择器在线使用DEMO，请移步这里：

jQuery教程基础篇之强大的选择器-过滤选择器-属性过滤选择器在线DEMO
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航