JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)

提示：我们可以从jquery文档上学习哦~ 下面简单的介绍几种常用的选择器

===================================基本选择器==================================

id选择器 #id --> 匹配指定id名称

元素选择器 --> 匹配指定标签名

类型选择器 .class --> 匹配class属性的标签

通配符选择器 --> 匹配所有的选择器

组合选择器 selector1,selector2,selectorN --> 即可匹配多个

===================================层级选择器===================================

ancestor descendant --> 在指定父元素下匹配所有的后代元素

parent > child --> 在指定父元素下匹配所有的子元素

prev + next --> 匹配所有紧挨着在 prev 元素后的 next 元素

===================================伪类选择器===================================

:first --> 获取第一个元素

:last --> 获取最后一个元素

:not(selector) --> 用于筛选的选择器(即取反)

:even --> 匹配所有索引值为偶数的元素，从 0 开始计数

:odd --> 匹配所有索引值为奇数的元素，从 0 开始计数

===================================属性选择器===================================

[属性名]   --> 匹配包含给定属性的元素

[属性名=属性值]   --> 匹配给定的属性是某个特定值的元素

[属性名],[属性名]   --> 可匹配多个
ex：匹配属性有code1与code2的元素标签 --> $("li[code1],li[code2]");
[属性选择器][属性选择器][属性选择器]   --> 复合属性选择器，需要同时满足多个条件时使用

更多的选择器可以自己在文档中去学习如何使用哦 ----> 点击下载jquery1.8文档资源 密码：clg1

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)相关推荐

CSS 伪类选择器：如何使用 CSS3 伪类
CSS 伪类选择器:如何使用 CSS3 伪类 CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为 ...
我可以编写一个CSS选择器来选择不具有某个类或属性的元素吗？
本文翻译自:Can I write a CSS selector selecting elements NOT having a certain class or attribute? I would ...
深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器
前面的话属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选择器和条件属性选择器三种.本文将详细该部分内容简单属性选 ...
html伪类选择器focus,了解CSS :focus-within伪类选择器
一.了解CSS :focus-within伪类选择器 CSS :focus-within伪类选择器和IE8就开始支持的:focus可以说是近亲,区别在于:focus表示当前元素处于focus状态时候干 ...
css伪类元素及选择器
文章目录伪类选择器使用 nth-child伪类选择器运用伪元素:before和:after使用伪类选择器使用 :first-child 选择某个元素的第一个子元素(IE6不支持):last-ch ...
html伪类选择器代码,CSS3中结构性伪类选择器—:first-of-type实现名言标签（代码实例）...
本文目标: 1.掌握CSS中结构性伪类选择器-nth-child的用法问题: 1.实现以下效果,且使用纯DIV+CSS,必须使用结构性伪类选择器-first-of-type 附加说明: 1.整体宽为 ...
HTML子选择器怎么加图,CSS伪类选择器:before、:after使用：插入字符、插入图片、插入项目编号...
before: 伪元素选择器用于在某个元素之前插入一些内容伪类选择器:before使用content属性插入字符.属性插入图片 css3 .p_before:before { content: 'H ...
自学前端第十五天:伪类伪元素和属性选择器和精灵图
#一.基础伪类选择器(也是交集选择器一种,优先级也要叠加) 1.概念:某个选择器的镜像,当光标移动到盒子时会触发新的一面不同的效果,但是是短暂的而已 2.作用:伪类选择器用于向某些选择器添加特殊的效果 ...
html伪类选择器怎么使用,CSS3 :default伪类选择器使用简介
一.CSS3 :default伪类选择器简介 CSS3 :default 伪类选择器只能作用在表单元素上,表示默认状态的表单元素. 举个例子,一个下拉框,可能有多个选项,我们默认会让某个处于 sel ...

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)

JavaScript(12) jQuery选择器(基本选择器、层级选择器、伪类选择器、属性选择器)相关推荐

最新文章

热门文章