jQuery选择器

来源:互联网 发布:mac照片删除后内存仍在 编辑:程序博客网 时间:2024/06/05 04:23

jQuery选择器

1. 基本选择器

a.标签选择器
b.id选择器
c.类选择器
d.*通用选择器 选择所有的元素
e.选择器组合用逗号隔开

2. 层次选择器

a.后代选择器 空格
b.父子选择器 >
c.相邻选择器 同级别 +
d.平级选择器 对象后面的根据过滤器过滤出来的的元素 $("#someDiv~[title]") //id为someDiv对象后面所有带title属性的元素

  • 有类似nextAll()的效果
    $("#a~li")<=>$("#a").nextAll()
  • 选择所有相邻元素,包括前面的,用siblings()函数
    $(“#a”).siblings("li")

3. 过滤选择器

a.基本过滤选择器

名称 说明 :first :last 第一个元素 最后一个元素 [$(“tr:first”)] :not(selector) 去除与给定选择器匹配的元素 :odd :even 从0开始计数,索引值为奇(偶)的元素 :eq(index) :gt(index) :lt(index) 从0开始计数,匹配索引值等于(大于 小于)index的元素 :header 匹配header标签 h1,h2 :animated 匹配正在执行动画效果的元素

b.内容过滤选择器

名称 说明 :contains(text) 匹配包含给定文本的元素 :empty 匹配不包含子元素和文本的空元素 :has(selector) 含有指定选择器的元素 :parent 含有子元素或文本的元素

c.可见性过滤选择器

名称 说明 :hidden 匹配所有不可见的元素 :visible 匹配所有可见的元素

hidden:

  • display:none
  • type:hidden
  • width = height = 0
  • 祖元素被隐藏导致无法显示

d.属性过滤选择器

名称 说明 [attr] 含有给定属性的元素 [ $(“div[id]”) ] [attr = value] 给定属性是某个特定值 [ $(“div[id = ‘a’]”) ] [attr != value] 给定属性不是某个特定值 [attr ^= value] 给定属性以某个特定值开始 [attr $= value] 给定属性以某个特定值结束 [attr *= value] 给定属性包含某个特定值 [attrFilter][attrFilter2] 复合属性选择器,同时满足

e.子元素过滤选择器

名称 说明 :nth-child(index/even/odd/equation) 从1开始 [ $(“ul li:nth-child(3n+1)”) ] :first-child :last-child 匹配第一个(最后一个)子元素 :only-child 匹配在父元素中该子元素是唯一的子元素

f.表单对象过滤选择器

名称 说明 :enabled 可用元素 :disabled 不可用元素 :checked 被选中元素,复选框,单选框等,不包括select中的option :selected 所有选中的option元素(select 下拉列表框)

4.表单选择器

名称 说明 :input 所有input,textarea,select和button元素 :text 文本框 :password 密码框 :radio 单选框 :checkbox 复选框 :submit 提交按钮 :image 图像域 :reset 重置按钮 :button 按钮 :file 文件域
阅读全文
'); })();
0 0
原创粉丝点击
热门IT博客
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 分条机排刀 布分条机 超精密分条机 分条机机 木板分条机 分条机皮带 卷条机 铜箔分条机 卷筒纸分条机 胶片分条机 文具胶带分条机 铝卷分条机 极片分条机 彩涂板分条机 钢板分条机毛毡 分板机厂家 分板机刀片 走刀式分板机 自动分板机厂家 多功能分板机 在线分板机 100人幼儿园利润分析 自尊心强的人性格分析 中国合伙人创业分析 爱抱怨的人心理分析 喜欢民谣的人心理学分析 雨中人心理测试分析 大数据分析人 人因工程分析 疑心重的人性格分析 爱计较的人心理分析 无人生还 分析 喜欢抱怨的人心理分析 wifi分析仪 网络分析仪 元素分析仪 生化分析仪 全自动生化分析仪 分析仪 手机分析仪 煤质分析仪