博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery 选择器多个
阅读量:6261 次
发布时间:2019-06-22

本文共 827 字,大约阅读时间需要 2 分钟。

1)组选择器---使用“,”隔开

$("p,#div,.div")表示括号中的选择器都被选中。

(2)后代选择器---使用“ ”即空格隔开。直系皆生效。

$("div .test")表示在div标签中的具有test的class属性的标签。

(3)子选择器---3种基本选择器的组合,“>”隔开,只有亲子有效

$("div>.test")
<div><p class="test"></p></div>对这里的p段落标签有效.但对 <div><p><p class="test"></p></p></div>对这里的p段落标签无效,这里要用
子选择器只能选择第一代子代,不处理深层嵌套。和上面的后代选择器不同。

(4)属性选择器(mix为标签)

$("mix[@attr]"):选取所有该mix且具有attr属性的节点
$("mix[@attr=a_value"]):选取所有该mix且具有attr属性并满足属性值为a_value的节点
$("mix[@attr^=a_value_head"]):attr属性的属性值是以a_value_head开头的
$("mix[@attr$=a_value_end"]):attr属性的属性值是以a_value_end结尾的
$("mix[@attr*=a_value"]):attr属性的属性值中包含a_value
例如:$("input[name='']")

5)冒号限定选择器

eg.:first-child选择属于其父元素的首个子元素的每个<p>元素。

解释:

这个段落是其父元素(body)的首个子元素。

欢迎访问我的主页

这个段落不是其父元素的首个子元素。

这个段落是其父元素(div)的首个子元素。

这个段落不是其父元素的首个子元素。

 

转载于:https://www.cnblogs.com/minfan/p/6178983.html

你可能感兴趣的文章
java校验时间格式 HH:MM
查看>>
C# SQL 整表插入
查看>>
CSS3效果:animate实现点点点loading动画效果(二)
查看>>
NYOJ92 图像实用区域 【BFS】
查看>>
Maven常见异常及解决方法(本篇停更至16-4-12)
查看>>
微信小程序wx.previewImage实用案例(交流QQ群:604788754)
查看>>
用SSH解决大局域网反向端口转发问题
查看>>
【来龙去脉系列】机器学习入门必读
查看>>
VMware给虚拟机绑定物理网卡
查看>>
ROS中测试机器人里程计信息
查看>>
Python 能做什么?
查看>>
RecyclerView分隔线定制
查看>>
python-i春秋验证码识别
查看>>
Es对于日期处理
查看>>
深入理解 Java 动态代理机制
查看>>
Go基础系列:简单数据类型
查看>>
[UWP]合体姿势不对的HeaderedContentControl
查看>>
使用RSA加密在Python中逆向shell
查看>>
MS UI Automation
查看>>
Android开发指南(41) —— Searchable Configuration
查看>>