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

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

一、基础选择

1.$("*")

选择所有元素

2.$(".class")

选择某个类

3.$("#id")

选择某个id

4.$("element")

选择某个DOM的节点,如$("p")、$("div")

5.$("element #id .class")

选择多个类型的元素组合在一起

二、属性选择

1.[attribute="value"]

选择属性名为attribute,属性值为value的元素。如$(".class[name='myname']")

2.[attribute]

选择具有属性attribute的元素

3.[attribute!="value"]

选择不存在attribute属性 或者 attribute属性值不等于value 的元素

4.[attribute1="value1"][attribute2="value2"]

选择多个属性匹配的元素。如$(".class[name='myname'][value='myvalue']")

三、层次选择

1.$("element1 element2")

选择element1里面的所有的element2的后代元素,可能是子元素、孙元素、孙孙元素...

2.$("element1>element2")

选择element1里面的所有的element2的子元素

3.$("element1+element2")

选择紧跟在element1后面的element2元素

4.$("element1~element2")

选择在element1后面的所有element2元素,element1、element2必须是同级的兄弟元素

 

转载于:https://www.cnblogs.com/fj0716/p/4761557.html

你可能感兴趣的文章
做一个合格的前端,gulp资源大集合
查看>>
常用符号的英文名
查看>>
Laravel - Artisan 个人常用总结
查看>>
重温一遍数据结构之单链表(golang版)
查看>>
使用git修复线上指定版本的问题
查看>>
【Node核心模块HTTP】
查看>>
CSS > 关于雪碧图预处理和后处理方案的讨论
查看>>
Laravel php artisan optimize 源码解读
查看>>
在虚拟机安装OpenSuse Tumbleweed
查看>>
新颖交互形式的H5案例浅析(技术分析)
查看>>
华为敏捷 DevOps 实践:产品经理如何开好敏捷回顾会议
查看>>
让IE兼容background-size的方法_background-size ie下使用
查看>>
中国发布自主开发的域名系统基础软件 “红枫”
查看>>
优秀程序员必须知道的32个算法,提高你的开发效率
查看>>
在WPF中实现平滑滚动
查看>>
java并发编程实践 part 01 --> 线程创建方式
查看>>
zabbix自定义监控脚本,显示权限不足
查看>>
国内元老级病毒研究论坛发文号召会员抵制瑞星产品
查看>>
使用 MYSQLBINLOG 来恢复数据
查看>>
深入Oracle的left join中on和where的区别详解
查看>>