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

[attribute]    选取用次属性的元素

[attribute=value]   选取属性值为value的元素

[attribute!=value]   选取属性值不等于value的元素

[attribute^=value]   选取属性值以value开始的元素

[attribute$=value]   选取属性值以value结束的元素

[attribute*=value]   选取属性值含有value结束的元素

[attribute|=value]   选取属性等于给定字符串或以该字符串为前缀(该字符串后跟一个连接字符“-”)的元素

[attribute~=value]   选取属性用空格分隔的值中包含一个给定值的元素

[attribute1][attribute2][attributeN]  用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围。

示例

$("div[id]")  选取拥有此属性id的元素

$("div[title=test]")  选取属性title为"test"的<div>元素

$("div[title!=test]")   选取属性title不等于"test"的<div>的元素(注意没有属性title的<div>元素也会被选取)

$("div[title^=test]")   选取属性title以"test"开始的<div>元素

$("div[title$=test]")   选取属性以"test"结束的<div>元素

$("div[title*=test]")   选取属性title含有"test"的<div>元素

$("div[title|="en"]")   选取属性title等于en或者以en为前缀(该字符串后跟一个连字符‘-’)的元素

$("div[title~="uk"]")   选取属性title用空格分隔的值中包含字符串uk的元素

$("div[id][title$='test']")  选取拥有属性id,并且属性title以"test"结束的<div>元素

转载于:https://www.cnblogs.com/iplus/archive/2012/12/30/4489949.html

jQuery属性过滤选择器相关推荐

  1. jquery属性过滤选择器[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]、[attr|=value]

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery属性过滤选择器 jquery属性过滤选择器,包括[attr].[attr=value].[attr!=value]. ...

  2. jQuery前端开发学习指南(11)——jQuery属性过滤选择器

    版权声明 本文原创作者:谷哥的小弟 作者博客地址:http://blog.csdn.net/lfdfhl 属性过滤选择器概述 属性过滤选择器用于根据元素的属性来匹配元素. [attribute] 匹配 ...

  3. jQuery表单对象属性过滤选择器

    jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"><input type="text" i ...

  4. jquery的选择器之-表单对象属性过滤选择器

    2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html><head><meta charset= ...

  5. jQuery中的表单对象属性过滤选择器(四、八)::enabled、:disabled、:checked、:selected...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head ...

  6. Jquery选择器之可见性选择器、属性过滤选择器

    可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素,可见性选择器介绍如下 在可见性选择器中,需要注意选择器:hidden,他不仅包括样式属性display为"none", ...

  7. 黑马day16 jqueryamp;属性过滤选择器

    属性过滤选择器的过滤规则是通过元素的属性来获取对应的元素 1.[attribute] 使用方法: $("div[id]") ;  返回值  集合元素 说明:匹配包括给定属性的元素. ...

  8. jq查找字段忽略html标签,jquery内容过滤选择器有哪些?

    jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括四种过滤方法: :contains(text).:empty .:has(seletor) .:paren ...

  9. jQuery基本过滤选择器

    1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8" ...

最新文章

  1. 人工智能应用于建筑领域新前沿
  2. 【渗透测试】初探进程伪装
  3. 听说别人都在送小黄车月卡?神策数据送两个月!
  4. RTP/RTCP流媒體服務器技術研究
  5. 不知道为什么IList.Contains()总是返回FALSE
  6. 服务器虚拟化底层系统安装,Hyper-V是底层的虚拟机程序,位于操作系统和硬件之间,很薄一层...
  7. Leetcode每日一题:463.island-perimeter(岛屿的周长)
  8. overflow与BFC解说
  9. JavaWeb request对象常用操作
  10. oracle去除字段值的所有英文
  11. matlab 8750h,[多图]九代i7-9750H笔记本标压处理器与前代8750H性能对比
  12. java开发环境实验总结_20155229 实验一《Java开发环境的熟悉》实验报告
  13. Android 架构组件之 Room
  14. 算法笔记(18)数据升维及Python代码实现
  15. 10款暗色质感和黑白效果LR预设
  16. access 和SQL有什么不同
  17. Antv踩坑—导入画布数据监听画布渲染完成事件
  18. 知道密码,如何去除Word文档的各种保护?
  19. 网安刮起东风:360、深信服决战智能化
  20. 微信小程序子组件向父组件传值的两个方法

热门文章

  1. 【C++】1049:晶晶赴约会(信息学奥赛)
  2. 再次聊聊UCloud的中立,远不是云计算技术这么简单
  3. 心理学在产品中的应用
  4. 使用 Python 构建自动播客视频,将音频转为视频
  5. Android 扒开美女衣服
  6. 重庆市计算机审计专业知识考试,2016上半年重庆市审计局公务员考试专业科目大纲...
  7. 【牛客网】扑克牌大小
  8. Android-第五节Menu菜单详解
  9. Echarts y轴相关配置
  10. 学生管理程序c语言数组,c语言学生管理系统(c语言学生信息管理系统)