IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> jQuery 选择器 -> 正文阅读

[JavaScript知识库]jQuery 选择器

基本选择器

$(“*”) 选取所有元素

$(“#id”) id选择器

$(“.class”) 类选择器

$(“element”)元素选择器(标签)

层级选择器

? $(".pT1,.pT2") 用逗号隔开,组合选择器:选取pT1,跟pT2类

$(".div1 .pT2") 用空格隔开,后代选择器选取:选取类为div1的后代元 素pT2的类(匹配.pT2)

$(".div1>.pT2") 子选择器:选取为pT2的类但是它的父辈元素中必须有 类为div1

$(".p1+.p2") 匹配紧接在 .p1 后的相邻元素.p2(一个.p1的相邻的元素只 有一个)

$(".pT1~.pT2") 匹配 .pT1元素之后的所有兄弟元素.pT2

筛选选择器

$("li:first") 获取第一个元素:获取li的子元素中的第一个元素(只有一 个)

$("li:last") 获取最后一个元素:获取li的子元素中的第最后一个元素 (只有一个)

$("p:not(.intro)") 去除所有与给定选择器:匹配的元素选取除有intro类 以外的所有 p 元素

$(".div1>p:even") 匹配所有索引值为偶数的元素,从 0 开始:.div1的子 元素索引值为p的标签元素

$(".div1>p:odd") 匹配所有索引值为奇数的元素,从 0 开始:.div1的子 元素索引值为p的标签元素

$("ul li:eq(n)") 匹配一个索引值为n的元素:ul的子元素第(n+1)个li 标签元素(从0开始)

$("ul li:gt(n)") 匹配所有大于索引值为n的元素:匹配索引大于n的li标

$("ul li:lt(n)") 匹配所有小于索引值为n的元素:匹配索引小于n的li标签

:lang选择指定语言的所有元素。

$(":header") 匹配如 h1, h2, h3 之类的标题元素

$(":animated") 匹配所有正在执行动画效果的元素

$(":focus")匹配当前获取焦点的元素:也可在input标签内添加

οnfοcus="textOnfocus()

$(":root") 选择该文档的根元素 永远是 <html> 元素

$(":target") 选择由文档 URI 的格式化识别码表示的目标元素。

内容选择器?

$("div p:contains(文本)") 匹配包含给定文本的元素:如果p标签内容包 含“文本”则会被选取

$(":empty") 匹配所有不包含子元素或者文本的空元素

? $("div:has(input)") 匹配含有选择器所匹配的元素的元素:匹配所有里面 有input标签的div

$(".pT1:parent") 匹配含有子元素或者文本的.pT1元素可见性

$("li:hidden")匹配所有不可见元素,或者 type 为 hidden的li元素

$("li:visible") 匹配所有的可见的li元素

属性选择器

$("p[class]") 匹配含给定属性的元素:匹配包含class的p标签

$("[class=pT1]") 匹配给定的属性是某个特定值的元素:匹配包含class的 值为pT1的元素(匹配类为pT1的元素)

$("[class!=pT1]") 匹配所有不含有指定的属性,或者属性不等于特定值的 元素:匹配不包含class的值为pT1的元素(匹配类不为pT1的元素)

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-02 10:43:22  更:2021-08-02 10:45:54 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/22 1:21:07-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码