JQuery三大选择器：（基本+层次+表单）选择器

最新推荐文章于 2022-07-13 10:19:10 发布
最新推荐文章于 2022-07-13 10:19:10 发布
阅读量2.2k 收藏 2
点赞数
分类专栏： JQuery 文章标签： jquery class html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ouyangyiqin/article/details/6764216
版权
1.基本选择器：主要通过HTML标签元素或者ID,Class属性来选择 2.层次选择器：主要通过DOM元素层次关系来获取

3.过滤选择器：以特定的过滤规则来筛选DOM元素。
                           过滤规则与CSS中的伪类选择器语法相同。选择器都以一个冒号(:)开头

可以分为：基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象过滤




















舒浅
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
css三大选择器，及样式，看完秒懂
weixin_63215199的博客
04-06 1815
java前端基础css选择器，及其样式，一看就会，适合刚接触java或前端的同学，加油哇
JQuery：复杂选择器（层级选择器、属性选择器、基本过滤器、表单属性选择器）
平安学习日记
03-09 794
JQuery的复杂选择器 1.1 层级选择器 A B 获得A元素内部的所有B元素。子子孙孙 A>B 获得A元素下面的所有B子元素。 儿子 A+B 获得A元素同级下一个B元素。 二弟 A~B 获得A元素同级之后的所有B元素。 所有弟弟 代码示例： <script type="text/javascript" src="../js/jquery-3.3.1.js" ></s...
jQuery---使用方法,基本选择器,层次选择器,过滤选择器和表单选择器
OlnyLove_琳的博客
04-11 258
1.使用前需导入JQuery &lt;script type="text/javascript" src="jquery-1.6.4.min.js"&gt; 2.jQuery页面加载完毕执行函数 第一种方式 $(document).ready(function() {}); 第二种方式 $().ready(function() {}); 第三种方式 $(function() ...
CSS中的三大基础选择器以及优先级（萌新必看）
qq_45623543的博客
10-18 2078
《个人学习笔记 十》 三大选择器是哪三个？ id选择器、类选择器、标签选择器 优先级 id选择器>类选择器>标签选择器 标签选择器： 标签选择器又称元素选择器 作用：根据标签名来选中指定的元素 语法：标签名{} 例子：p{}     h1{}     div{} 示范代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
HTML中基本选择器
cathei的博客
06-02 5099
三大基本选择器 1、标签选择器：使用标签名称作为选择器选中标签设置样式。 特点： 可以选中多个标签，给一堆标签同时设置样式 2、类型选择器：在标签中利用class属性设置在样式表中 .类型名{设置样式} 特点：相当于给标签起了一个别名可以重名。也可以有多个名称 3、ID选择器：标签中利用ID属性...
CSS的选择器和三大特性
一指流沙的博客
07-13 1540
① 基础选择器：由单个选择器组成。② 复合选择器：由基础选择器组合而成。 其他伪类选择器：1. 是 CSS 伪类，表示父元素的第一个子元素。2. CSS 伪类 代表父元素的最后一个子元素。3. 这个 CSS 伪类首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从 1 开始排序，选择的结果为 CSS 伪类 括号中表达式 匹配到的元素集合 4. 用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中，它也被称为反选伪类（negation pseudo-class）。5. CSS 伪元素
jQuery表单域选择器用法分析
12-08
jQuery提供了多种表单域选择器，使得我们可以方便地对这些元素进行操作。以下是对这些选择器的详细解释： 1. **`:input`选择器**：这个选择器会选取所有的表单元素，包括input、textarea、select和button。例如，`$...
jQuery表单选择器用法详解
12-01
在网页开发中，表单选择器是jQuery中的一个重要部分，它允许开发者高效地定位和操作表单元素。以下是jQuery表单选择器的详细说明： 1. **`:button`** 选择器： - `jQuery(":button")` 用于选取所有`<button>`元素...
jQuery过滤选择器:not()方法使用介绍
10-26
`:not()`筛选器在jQuery的早期版本中就已经存在，起初它只支持一些基本的选择器，如ID、类、标签名等。随着时间的推移，`:not()`的功能得到了增强，现在它可以处理更复杂的表达式，包括组合选择器和更复杂的CSS选择...
jQuery表单元素选择器代码实例
10-20
在jQuery中，选择器是用于选取DOM元素的强大工具，尤其在处理表单元素时更为便捷。本篇文章将详细解析jQuery中的表单元素选择器，并通过给出的代码实例进行讲解。 首先，`:input`选择器是一个非常实用的选择器，它...
JavaScript（操作CSS）
weixin_65474399的博客
03-04 5545
上次给大家介绍了DOM的基本操作与概念，不知道大家都学会了吗？今天接着来为大家介绍关于JavaScript与CSS的交互。首先让我们来回顾一下 有关于样式表的知识吧。 目录 一，样式表的三种选择器 1.标签选择器 2.ID选择器 3.类选择器 二，样式表的常见属性 1.边框属性： 2.边界属性 3.填充属性 4.文本属性 5.背景属性 三，CSS的三种样式表 1.行内样式表（内联样式） 二，内部样式表 3.外部样式表（外链式） 四，简单案例 1.让网页界面中显示一个...
CSS 三种基础选择器
天空之外
08-28 6479
本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。 在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。 我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部样式，也就是将 CSS 代码单独放置到一个 .css 文件内，然后再引入这个 CSS 文件。 标签选择器 我们知道一个 HT
CSS选择器及三大特性（二）
尧子陌
03-27 230
复合选择器 为什么要使用复合选择器？ 能够快速高效的选中目标元素标签 复合选择器是由一个或者多个基本选择器 通过不同的组合方式组合而成的 后代选择器 父级 子级 {属性1:属性值1；属性2:属性值2； } 注意事项 后代选择器又被称为包含选择器 可以选中目标元素的子孙后代 父元素写在前面 子元素写在后面 中间用空格隔开 <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g
jQuery三种常见选择器
蓝鸟的博客
04-08 4419
什么是jQuery选择器 jQuery选择器允许您对DOM元素组或单个DOM节点进行操作，通过它可以准确地选取您希望应用效果的元素。 jQuery元素选择器 jQuery使用CSS选择器来选取 HTML 元素。 $("p")选取元素。 $("p.intro")选取所有class="intro"的元素。 $("p#demo")选取所有id="demo"的元素。
jQuery常用的三种基础选择器
一个编程小白的博客
03-31 677
id选择器，类选择器，标签选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/jquery-3.5.1.min.js"></script> <script type="text/javascript"> $(window).ready(functi
三种基本选择器
return_min的博客
01-03 260
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*1.标签选择器: 会选择所有的div标签*/ div{ ...
CSS学习笔记——CSS三大基本选择器
Barry Jim的博客
08-31 2796
CSS三大基本选择器 目录 标签选择器 id选择器 类选择器 标签选择器 p{ color:red; } 什么是标签选择器？ 根据指定标签名称，在当前界面中找到所有该名称的标签，并设置属性 注意点 标签选择器选中的是当前界面所有同名标签，不能单独选中 只要是HTML中的标签都可以作为标签选择器 id选择器 #id{ color:red; }...
CSS中的三种基础选择器，
liusure09的专栏
01-13 1万+
Html中有三种方法可以使用CSS，而在css中，有三种基础的选择器 1、元素选择器     也叫标签选择器，即在CSS中利用标签名称来定义其外观 2、类选择器，是用点.符号开头，后面跟上一个自定义的名称，在使用时候，以HTML标签的class属性来标记 3、ID选择器，以符号#开头，后面跟上一个自定义的名称，在使用时以HTML标签的id属性来标记。     以下是几种选择器的使用实例
CSS的四种基本选择器和四种高级选择器
热门推荐
Jack
07-11 9万+
CSS选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。 CSS的选择器分为两大类：基本选择题和扩展选择器。 基本选择器： 标签选择器：针对一类标签 ID选择器：针对某一个特定的标签使用 类选择器：针对你想要的所有标签使用 通用选择器（通配符）：针对所有的标签都适用（不建议使用） 下面来分别讲一讲。 1、标签选择器：选择器的名字代表html页面上的标签...
jQuery 选择器（61种）整理总结
10-21
jQuery选择器是jQuery库中的核心功能之一，它极大地简化了DOM元素的选择和操作。在JavaScript中，传统的DOM操作相对复杂，而jQuery通过其丰富的选择器集合，使得开发者能够更高效、更简洁地选取页面上的特定元素。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值