jQuery 选择器

于 2020-05-13 09:48:24 发布
阅读量72 收藏
点赞数
分类专栏： jQuery 选择器 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44572465/article/details/106091169
版权

选择器允许您对元素组或单个元素进行操作

元素选择器：

jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取\<p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素

属性选择器：

jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

CSS 选择器：

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
下面的例子把所有 p 元素的背景颜色更改为红色：
实例：$("p").css("background-color","red");

层级选择器：

$("body div");//选择body中的所有div元素
$("body>div");//选择body中直接的子元素div
$("#box+div");//选择div#box紧跟后面的一个元素
$("#box~div");//选择div#box元素的兄弟元素

基本筛选选择器：

$(":first") 获取匹配第一个元素 例如:$('li:first');
	
$(":last") 获取匹配的最后个元素 例如:$('li:last');

$(":not(selector)") 去除所有与给定选择器匹配的元素 例如:$("input:not(:checked)")

$(":even") 匹配所有索引值为偶数的元素，从 0 开始计数 例如:$("li:even")

$(":odd") 匹配所有索引值为奇数的元素，从 0 开始计数 例如:$("li:odd")

$(":eq(index)") 匹配一个给定索引值的元素，从 0 开始计数 例如:$("li:eq(1)")

$(":gt(index)") 匹配所有大于给定索引值的元素，从 0 开始计数 例如:$("li:gt(0)")

$(":lt(index)") 匹配所有小于给定索引值的元素，从 0 开始计数 例如:$("li:gt(2)")

$(":header") 匹配如 h1, h2, h3之类的标题元素 例如:$(":header").css("background", "#EEE");

$(":animated") 匹配所有正在执行动画效果的元素(只有对不在执行动画效果的元素执行一个动画特效)，例如:$(":header").css("background", "#EEE");

$(":focus") 匹配当前获取焦点的元素。

$(":root") 选择该文档的根元素。在HTML中，文档的根元素，和$(":root")选择的元素一样， 永远是<html>元素。
示例:设置<html>背景颜色为黄色：$(":root").css("background-color","yellow");
影子Y
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery选择器思维导图
12-28
通过思维导图对知识进行梳理，以便记忆
jquery选择器简述
11-24
jQuery选择器是jQuery库的核心功能之一，它极大地简化了对网页DOM元素的选取，使得JavaScript开发者能够更加高效地操作页面内容。jQuery选择器基于CSS选择器，并在其基础上扩展了一些更强大的功能，使得开发者能以...
jQuery 选择器用法实例分析【prev + next】
10-15
jQuery选择器是jQuery库中的核心部分，用于高效地选取DOM元素。在JavaScript中，选取DOM元素通常需要编写复杂的代码，而jQuery提供了一套简洁、强大的选择器系统，使得选取元素变得简单直观。本文将深入探讨jQuery...
jQuery选择器全面总结
10-26
这篇文章将对jQuery选择器进行全面总结，帮助开发者更好地理解和运用这些工具。 首先，我们要了解基本选择器，这是jQuery选择器的基础。包括： 1. **ID选择器**: 使用`#`符号后跟元素的ID，如`jQuery("#ID")`，它...
eclipse本地的jar包配置Junit环境
最新发布
07-23
用于在eclipse中导入本地的jar包配置Junit环境，版本应该是JUnit4， 配置详情可参照我的博文：http://t.csdnimg.cn/GaqTZ
龙飞嵌入式POS餐饮应用方案介绍.doc
07-23
嵌入式
Struts 2.0 Java归档库文件包
07-23
Struts2.0是Java Web开发中非常重要的一个框架，它是Apache软件基金会的Jakarta项目下的一个产品。这个框架主要用于构建MVC（Model-View-Controller）架构的应用程序，为开发者提供了一种组织应用程序结构、处理HTTP请求以及展示数据的方式。在本压缩包中，包含的是一些Struts2.0的核心jar包、源代码和实例，这些内容对于学习和理解Struts2.0的工作原理和实际应用是非常有帮助的。 我们来详细解析一下Struts2.0的关键知识点： 1. **MVC模式**：Struts2.0基于MVC设计模式，它将应用程序的逻辑分为三个部分——模型（Model）、视图（View）和控制器（Controller）。模型负责业务逻辑，视图负责数据显示，控制器负责接收用户请求并调用相应的模型方法，更新视图。 2. **Action类**：在Struts2中，Action类是处理业务逻辑的核心组件。开发者需要创建Action类，并实现execute()方法，该方法会响应用户的请求，执行相应的业务操作。 3. **配置文件**：Struts2使用XML配
分拣设备_包括零件图_机械3D图可修改打包下载.zip
07-23
分拣设备_包括零件图_机械3D图可修改打包下载.zip
springcloud：Config配置中心demo源码案例演示
07-23
springcloud：Config配置中心demo源码案例演示
课程设计源码、报告资源
07-23
课程设计源码和报告资源是学生们在完成课程设计时经常需要寻找的重要资料。这些资源可以帮助学生理解课程设计的要求，掌握相关的编程技能，并最终完成符合要求的课程设计作品。以下是一些获取课程设计源码和报告资源的途径： 一、学校资源 课程资料： 大多数学校会在课程开始时提供相关的教材、课件和参考资料，其中可能包含课程设计的示例源码和报告模板。 学生可以积极利用这些资源，从中获取灵感和指导。 图书馆： 学校的图书馆通常收藏有大量的专业书籍和期刊，其中可能包含与课程设计相关的源码和报告。 学生可以通过图书馆的检索系统查找相关资源，并借阅或复印使用。 实验室和机房： 学校的实验室和机房往往配备有专业的软件和硬件设备，学生可以在这里进行课程设计的实践操作。 同时，实验室和机房也可能存放有往届学生的课程设计作品和源码，供学生参考和学习。 二、网络资源 在线课程平台： 如慕课网（MOOCs）、网易云课堂等在线课程平台提供了丰富的课程资源，其中可能包含与课程设计相关的视频教程、源码和报告示例。 学生可以根据自己的需求选择合适的课程进行学习，并参考其中的源码和报告。 开源社区和代码托管平台： 开源社区如Git
b055艺体培训机构业务管理系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
07-23
艺体培训机构业务管理系统在对开发工具的选择上也很慎重，为了便于开发实现，选择的开发工具为Eclipse，选择的数据库工具为Mysql。以此搭建开发环境实现艺体培训机构业务管理系统的功能。其中管理员管理用户，新闻公告。 艺体培训机构业务管理系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，艺体培训机构业务管理系统都可以轻松应对。 学员信息管理页面，此页面提供给管理员的功能有：学员信息的查询管理，可以删除学员信息、修改学员信息、新增学员信息，还进行了对用户名称的模糊查询的条件。课程信息管理页面，此页面提供给管理员的功能有：查看已发布的课程信息数据，修改课程信息，课程信息作废，即可删除，还进行了对课程信息名称的模糊查询 课程信息信息的类型查询等等一些条件。活动信息管理页面，此页面提供给管理员的功能有：根据活动信息进行条件查询，还可以对活动信息进行新增、修改、查询操作等等。公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。
运用YOLOv5模型进行垃圾类别目标识别
07-23
本项目采用YOLOv5实现垃圾分类目标检测。利用大量已标注目标检测数据集进行训练，对居民生活垃圾图片进行检测，找出图片中属于哪个类别的垃圾，并指示出在图片中的位置。 本工程YOLOv5使用PyTorch版的ultralytics/yolov5，在Windows系统上进行垃圾分类目标检测的项目演示。具体项目过程包括：数据集及格式转换、探索性数据分析（EDA）、安装软件环境、安装YOLOv5、修改YOLOv5代码(为支持中文标签）、训练集和测试集自动划分、修改配置文件、准备Weights&Biases训练可视化工具、训练网络模型、测试训练出的网络模型和性能统计。。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。
探索Python的迭代世界：迭代器与生成器全解析
07-23
Python是一种广泛使用的高级编程语言，由Guido van Rossum于1989年底发明，第一个公开发行版发行于1991年。Python的设计哲学强调代码的可读性和简洁的语法（尤其是使用空格缩进来区分代码块，而不是使用大括号或关键词）。这使得Python被认为是一种易于学习的语言，同时具备强大的功能，适合初学者和经验丰富的程序员。 Python的主要特点包括： 1. **易于学习**：Python有相对较少的关键字，结构简单，和一个明确定义的语法。 2. **易于阅读**：Python代码定义的清晰度使得它像可执行伪代码。 3. **易于维护**：Python的成功在于它的源代码是相当容易维护的。 4. **广泛的标准库**：Python的标凑库很庞大，包含用于互联网通信、网络通信、数据压缩、加密、系统管理等的模块。 5. **跨平台**：Python可以在多种操作系统上运行，包括但不限于Windows、Mac OS X、Linux等。 6. **解释型语言**：Python是一种解释型语言，这意味着开发过程中没有编译步骤。 7. **动态类型系统**：Python不会在编写
代码随想录训练营第五天
07-23
代码随想录训练营第五天
海康嵌入式笔试题.doc
07-23
嵌入式
深入解析COM技术核心，资源由网络分享整理，如有侵权请联系我
07-23
COM（Component Object Model）技术是微软推出的一种组件对象模型，它允许不同应用程序之间的软件组件进行交互。本书“COM技术内幕”深入浅出地探讨了COM的核心概念、设计原则以及实现方法，是系统学习COM的宝贵资源。以下是关于COM技术的一些关键知识点： 1. **COM基础**：COM是一个二进制标准，定义了组件之间如何通信，它独立于编程语言，使得不同语言编写的组件可以无缝协作。COM组件是自我描述的，通过接口来提供服务，并且支持多线程和跨进程通信。 2. **接口**：在COM中，接口是一组方法的集合，定义了组件的行为。每个接口都由一个唯一的接口ID（IID）标识，客户端通过IID调用组件的方法。接口是纯虚的，不允许包含数据成员。 3. **组件注册**：COM组件在系统中使用注册表进行注册，这使得系统知道组件的位置和存在。注册信息包括组件的类ID（CLSID）、接口ID、服务器类型（本地或远程）等。 4. **类工厂**：COM组件通过类工厂（Class Factory）实例化，类工厂负责创建组件的实例。客户端通过接口调用类工厂的CreateInsta
Ruby编程语言简介，资源由网络分享整理，如有侵权请联系我
07-23
Ruby是一种面向对象的、动态类型的编程语言，由日本的松本行弘(Yukihiro Matsumoto)于1995年设计并开发。它强调简洁、优雅的语法，旨在提高程序员的生产力，使代码更易读、易写。Ruby语言在设计时就考虑到了人性化，它的哲学是“人比计算机更重要”。 Ruby的基础知识包括以下几个方面： 1. **变量**：Ruby中的变量分为五种类型，分别是局部变量（以小写字母或下划线开头）、实例变量（以`@`开头）、类变量（以`@@`开头）、全局变量（以`$`开头）和常量（以大写字母开头）。它们各自有不同的作用域和用途。 2. **数据类型**：Ruby支持多种数据类型，如字符串(String)、整数(Integer)、浮点数(Float)、布尔值(Boolean)、数组(Array)、哈希(Hash)、符号(Symbol)等。其中，哈希是Ruby的一大特色，它以键值对的形式存储数据。 3. **控制结构**：包括条件语句（如if/else、unless、case/when）和循环（如for、while、until、each）。Ruby还提供了块（block）和 Proc 对
C语言数据结构：基于EasyX的飞机订票系统，有前端界面
07-23
C语言数据结构：基于EasyX的飞机订票系统，有前端界面
jquery选择器
06-01
jQuery选择器是一个功能强大的工具，用于选择HTML元素并对其进行操作。jQuery提供了多种选择器方法，以下是其中的一些： 1. ID选择器： 使用“#”符号，后跟ID名称，如下所示： ``` $("#myId") ``` 2. 类选择器： 使用“.”符号，后跟类名称，如下所示： ``` $(".myClass") ``` 3. 元素选择器： 使用元素名称，如下所示： ``` $("div") ``` 4. 属性选择器： 使用元素属性名称和值，如下所示： ``` $("[name='myName']") ``` 5. 后代选择器： 使用空格来选择后代元素，如下所示： ``` $("div p") ``` 6. 索引选择器： 使用索引号来选择元素，如下所示： ``` $("div:eq(2)") ``` 以上是jQuery常用的选择器方法，可以根据自己的需求来选择使用哪种方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值