开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

P内容的jQuery多个选择器和多个值

jQuery是一个快速、简洁的JavaScript库，广泛应用于前端开发中。它提供了丰富的API，简化了DOM操作、事件处理、动画效果等任务，使开发人员能够更高效地编写JavaScript代码。

在jQuery中，可以使用多个选择器和多个值来选择和操作HTML元素。以下是一些常见的选择器和值的用法：

多个选择器：
- 基本选择器：可以使用逗号分隔多个选择器，选择多个元素。例如：$("selector1, selector2")。
- 层级选择器：可以使用空格分隔多个选择器，选择指定元素下的子元素。例如：$("parentSelector childSelector")。
- 过滤选择器：可以使用多个过滤选择器，根据不同条件筛选元素。例如：$("selector1:filter1, selector2:filter2")。

多个值：
- 属性操作：可以使用多个属性值来设置或获取元素的属性。例如：$("selector").attr("attribute", "value1 value2")。
- CSS操作：可以使用多个CSS属性值来设置元素的样式。例如：$("selector").css("property", "value1 value2")。
- 类操作：可以使用多个类名来添加或移除元素的类。例如：$("selector").addClass("class1 class2")。

以上是jQuery中多个选择器和多个值的基本用法。根据具体需求，可以灵活运用这些选择器和值来选择和操作HTML元素。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JQuery选择器和JQuery包装集

（本文年代久远，请谨慎阅读）今天学习了JQuery的一些基本用法，包括JQuery选择器和JQuery包装集；

02

jQuery入门前言

上次说到了JavaScript，对其有一定了解，本文就来说说jQuery。jQuery就是一个由JavaScript编写的轻量库，简单的说就是封装了一些JavaScript的操作，所以使用jQuery比使用原生的JavaScript可以达到用更少的代码做更多的事的效果。

03

Web前端JQuery面试题（二）

DOM对象，DOM为文本对象模型，DOM的每一个页面都是一个DOM对象。通过JavaScript方法获取页面元素的对象，就是DOM对象。

03

jQuery 教程

菜鸟教程 — jQuery 教程：https://www.runoob.com/jquery/jquery-tutorial.html

02

2022年11月23日——jQuery——T1(基础选择器与表单选择器)

颜色切换，这里是通过$()直接加载js的脚本内容，并且通过jQuery添加了对应下拉菜单的onchange事件，通过这个事件来控制网页的背景颜色。

01

jQuery

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

01

js与jQuery的区别以及jQuery选择器和方法的使用

jQuery是什么：jQuery是JavaScript的类库，封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。

01

【领会要领】web前端-轻量级框架应用（jQuery基础）

jquery的安装和语法，jquery的多种选择器，dom操作和jquery事件。

02

JavaScript学习笔记（四）—— jQuery入门

子元素伪类选择器就是选择某一个元素下面的子元素的方式，在jQuery中，子元素伪类选择器分为两大类：

05

jQuery入门基础——选择器

What：jQuery是JavaScript的类库，封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。划重点，这句话要考

02

Web前端JQuery面试题（一）

匹配包含给定文本的元素匹配所有不包含子元素或者文本的空元素匹配含有选择器所匹配的元素的元素匹配含有子元素或者文本的元素

02

jQuery的基本操作

jQuery就是一个js的库· 主要分为两部分: 1·寻找元素（选择器,筛选器） 2·操作元素（CSS的操作,属性的操作,文本的处理）选择器基本 #id #id //用于搜索的,通过元素的id属性中给定的值描述:(查找ID为myDiv的元素) HTML代码:

02

Web前端知识(四)

jQuery是一款优秀的javaScript库.jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码, 完成更多复杂而困难的功能

03

javaWeb核心技术第五篇之jQuery

- 概述 - jQuery是一个优秀的javascript框架(js类库)，兼容css3和各大浏览器，提供dom，events，animate，ajax等简易的操作。并且jQuery有非常丰富的插件，大多数功能都有相应的插件解决方案。jQuery的宗旨是write less, do more. (写的更少,做的更多) - jQuery入门 - jQuery和html整合 - 下载 - 下载地址:www.jquery.com - 使用script的src属性即可

01

一文玩转jQuery+Ajax

简介：jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。

02

学习jQuery设计思想有感

马上就快到2022年了，jQuery已然过时，那我们新人是否还有学习jQuery的必要呢？

03

JavaWeb（八）JQuery

jQuery 市场用得比较多两个框架： jQuery 比较适合做一些互联网的应用（12306.com,蘑菇街，美丽说，聚美） extjs 比较适合做后台管理系统（电商（订单管理），银行，电信）核心：主要功能：javascript开发人员查找元素、操作DOM、处理事件、执行动画和开发Ajax的操作。优势：(宗旨：write less ，do more 写更少的代码，做更多的事情) 1：轻量级（js 库非常小） 2：强大的选择器（获取页面上面的dom 元素 document.getElementByI

04

jQuery选择器和选取方法

我们已经使用了带有简单Css选择器的jQuery选取函数:$()。现在是时候深入了解jQuery选择器语法，以及一些提取和扩充选中元素集的方法了。

04

1. jQuery 选择器

原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。

03

jQuery

onload 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。

01

jQuery选择器（满足你的所有业务）

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。

02

jQuery

ps:.offset()方法允许我们检索一个元素相对于文档（document）的当前位置，和 .position()的差别在于： .position()是相对于相对于父级元素的位移；

01

第50次文章：JQuery基础

tips：window.onload 和 $(function)异同：两者的功能相同，都是等到页面加载结束之后，再执行内部的代码。但是有一定的区别，主要是window.onload只能定义一次，如果定义多次，后边的会将前边的覆盖掉，$(function)可以定义多次的。

03

jQuery，和嵌入其中的Ajax

jQuery库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引用它：

02

jQuery 快速入门教程

在使用jQuery之前，我们必须先了解什么是jQuery，它能够干什么(不然我们为啥要用它)。

03

jquery常用选择器

在Dom 编程中我们只能使用有限的函数根据id 或者TagName 获取Dom 对象. 然而在jQuery 中则完全不同,jQuery 提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery 包装集的形式返回。本文主要对常用的jQuery 选择器进行一个介绍及归类。 jQuery 选择器大体上可分为 4 类：基本选择器、层次选择器、过滤选择器、表单选择器。其中过滤选择器可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择

06

jQuery学习笔记

jQuery大部分功能需要根据文档的DOM模型来工作，首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。

02

JQuery快速入门

Write less, do more, I like jQuery. jQuery是最常用的js库，整体来说非常轻量并易于扩展，对于移动应用可以使用其更轻量的孪生兄弟Zepto代替。其是由John

前端(四)-jQuery

$(this)就是将这个dom对象转换成jquery对象，就可以对这个对象进行操作；

03

jQuery知识总结(最全最精美)

使用: <script src="jquery-3.5.1/jquery-3.3.1.min.js"></script> 注意: 如果<script> 在body前面,应该使用 jQuery独有的预加载 $(function(){ 这里写代码 }) jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。选择器: 所有选择器 * 标签选择器标签名 ID选择器 #id 类选择器 .

02

「jQuery」基础 - 01

请注意，本文编写于 2075 天前，最后修改于 173 天前，其中某些信息可能已经过时。

02

前端基础：jQuery

jQuery 能做的 JavaScript 也都能做，但使用 jQuery 能大幅提高开发效率

02

jQuery 重点解析 write less,but do more

向页面添加 jQuery 库 <head> <script type="text/javascript" src="jquery.js"></script> </head> jQuery 选择器选择器实例选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element

02

Python全栈之jQuery笔记

jQuery runnoob网址: http://www.runoob.com/jquery/jquery-tutorial.html jQuery API手册: http://www.runoob.com/manual/jquery/ jQuery笔记笔记来源于: 传智播客的黑马程序员视频笔记. 菜鸟教程:http://www.runoob.com/ 自己的查询与整理. JS的不完美地方: 1. 代码比较麻烦,给多个元素添加事件需要遍历,可能还需要进行嵌套.

04

jQuery 常用方法

jQuery 是一个快速、简洁的 JavaScript 框架，封装 JavaScript 常用的功能代码，提供一种简便的 JavaScript 设计模式，优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互

05

与Ajax同样重要的jQuery（1）

jQuery框架 jQuery 1.4 是企业主流版本，从jQuery1.6 开始引入大量新特性。最新版本 2.1.1，这里讲解以1.8.3为主(新版本主要是浏览器兼容问题以及新特性) jQuery 提供 jquery-1.8.3.js 和 jquery-1.8.3.min.js jquery-1.8.3.js jQuery框架源码，没有被精简，体积较大（主要用来研究 jQuery源码），企业开发时，需要导入 jquery-1.8.3.min.js （精简过） 1.jQuery程序快速入门 window.

06

jQuery基础

一、jQuery是什么？ jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 二、为什么要用jQuery？一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DO

Wijmo 更优美的jQuery UI部件集：发现 Wijmo

什么是 Wijmo? Wijmo 是一个基于jQuery UI的UI部件的套件。Wijmo 部件对客户端Web开发进行了优化，并且充分利用了jQuery的强大能力以达到出色的性能和易用性。所有的Wij

09

前端之jQuery

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用jQuery里的方法：例如$(“#i1”).html()。

02

一文入门jQuery

一个JavaScript框架。简化JS开发。 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。

02

jQuery中常用的函数和属性详细解析

$("img").attr({src:"test.jpg",title:"test Image"}); 给某个元素添加属性/值，参数是map

01

jQuery 选择器

原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。

03

JQuery最全常用方法指南

ready(fn); $(document).ready()注意在body中没有onload事件，否则该函数不能执行。在每个页面中可以有很多个函数被加载执行，按照fn的顺序来执行。 bind(type, [data], fn) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。可能的事件属性有：blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error one(type, [data], fn) 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。

03

jQery

目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装

01

jQuery

当Jquery名称冲突时，可以利用var jq = jQuery.noConflict()来使用jq代替表示Jquery。

02

一个小时学会jQuery

前一段时间录了一套关于jQuery的视频分享给大家，可以在下载区下载到，本来想配合文字一起的，后面发现视频+帮助文档也是非常好的学习方法。一、jQuery简介与第一个jQuery程序 1.1、jQu

07

jquery选择器用法_jQuery属性选择器

一、基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。使用公式:(“#id”) 示例：(“#box”) //获取id属性值为box的元素 2. 元素选择器元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标记名选择的。使用公式：(“element”) 示例：(“div”) //获取所有div元素 3.类名选择器类选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。使用公式：(“.class”) 示例：(“.box”) //获取class属性值为box的所有元素 4.复合选择器复合选择器将多个选择器（可以是ID选择器、元素选择器或是类名选择器）组合在一起，两个选择器之间以逗号”,”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的jQuery对象。注意：多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素，而是将每个匹配的元素合并后一起返回。使用公式：(“selector1,selector2,……,selectorN”) selector1:一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selector2:另一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selectorN:（可选择）任意多个选择器，可以是ID选择器、元素选择器或类名选择器等示例：(“div,#btn”) //要查询文档中的全部的

元素和id属性为btn的元素 5.通配符选择器

03

day40_jQuery学习笔记_01

day01: jQuery基础 --> 选择器、属性和CSS、文档处理 day02: jQuery高级 --> 筛选、事件、效果(动画)、ajax

02

JQuery从入门到实战

jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象，而不是 JS 方式获得的 DOM 对象，二者的 API 方法不能混合使用，若想使用对方的 API，需要进行对象的转换。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭