jQuery .on()不使用多个选择器 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery 选择器使用方法

id选择器（指定id元素）将 id="divOne" 的元素背景色设置为红色。...（id选择器返单个元素） $('#divOne').css('background', 'red'); class选择器（遍历css类元素）将 class="divTwo" 的元素背景色设为蓝色 $(...* 选择器（遍历所有元素）将ul下的所有元素字体设置成黄色 $('ul *').css('color', 'yellow'); 并列选择器将 id = spanOne 或 class = 'pTwo...> $('#divOne span:contains("兄弟1-1")').css('color', 'red'); :empty（取不包含子元素或文本为空的元素...:hidden（取不可见的元素） jQuery至1.3.2之后的:hidden选择器仅匹配 display:none 或的元素，而不匹配 visibility

5.1K1 0

jQuery 选择器使用方法

id选择器（指定id元素）将 id="divOne" 的元素背景色设置为红色。...（id选择器返单个元素） $('#divOne').css('background', 'red'); class选择器（遍历css类元素）将 class="divTwo" 的元素背景色设为蓝色 $(...* 选择器（遍历所有元素）将ul下的所有元素字体设置成黄色 $('ul *').css('color', 'yellow'); 并列选择器将 id = spanOne 或 class = 'pTwo...> $('#divOne span:contains("兄弟1-1")').css('color', 'red'); :empty（取不包含子元素或文本为空的元素...:hidden（取不可见的元素） jQuery至1.3.2之后的:hidden选择器仅匹配 display:none 或的元素，而不匹配 visibility

5.2K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

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

jQuery的选择器一、基本选择器 1....在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。...使用公式：(“.class”) 示例：(“.box”) //获取class属性值为box的所有元素 4.复合选择器复合选择器将多个选择器...，需要同时满足多个条件时使用示例：五、表单选择器表单选择器是匹配经常在表单内出现的元素。...@符号问题：在jQuery升级版本过程中，jQuery在1.3.1版本中彻底放弃了1.1.0版本遗留的@符号，假如我们使用1.3.1以上的版本，那么不需要在属性前添加@符号 (“div[@name=

13.9K3 0

jQuery中属性选择器的使用

DOCTYPE html> 属性选择器的使用 jquery-1.8.3.js"> $(document).ready(function () { $("button").eq(0).click(function

4.1K2 0

jQuery 选择器

原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1....基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可，但是要加引号 ? 2. 层级选择器层级选择器最常用的两个分别为：后代选择器和子代选择器。 ?...筛选选择器筛选选择器，顾名思义就是在所有的选项中选择满足条件的进行筛选选择。常见如下 : ? 4....多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个

3.8K3 0

jQuery选择器

1. jQuery选择器的介绍 jquery选择器就是快速选择标签元素，获取标签的，选择规则和css样式一样。...2. jQuery选择器的种类标签选择器类选择器 id选择器层级选择器属性选择器示例代码: $('#myId') //选择id为myId的标签 $('.myClass') // 选择class...ul1 li span') //选择id为ul1标签下的所有li标签下的span标签 $('input[name=first]') // 选择name属性等于first的input标签说明: 可以使用...小结 jQuery选择器就是选择标签的标签选择器是根据标签名来选择标签类选择器是根据类名来选择标签 id选择器是根据id来选择标签层级选择器是根据层级关系来选择标签属性选择器是根据属性名来选择标签

31K8 5

JQuery选择器

jQuery选择器 jQuery的基本用法 jQuery.js”> 选择器进行筛选（可选）。...(selector).each() 对对象进行迭代，为每个元素执行函数 (selector).toArray() 以数组的形式返回 jQuery 选择器匹配的元素 (selector).text()...(selector).addClass() – 向被选元素添加一个或多个类 (selector).removeClass() – 从被选元素删除一个或多个类 (selector).toggleClass...使用GET请求从服务器获取数据 .getJSON() – 使用GET从服务器请求JSON编码数据 .getScript() – 使用GET从服务器请求JavaScript文件并执行该文件

8.6K1 0

jQuery 选择器

层次选择器如果想利用DOM元素之间的层次关系来获取特定元素，例如后代元素、子元素、相邻元素和同辈元素等，可以使用层次选择器。...:empty 选取不包含子元素或文本的空元素。 $("div:empty")选取不包含子元素的空元素。 :has(selector) 选择含有指定元素的元素。...[attribute1][attribute2][attributeN] 用属性选择器合并成一个符合属性选择器，满足多个条件。...; return false; }) //使用:checked选择器，来操作多选框....//使用:selected选择器，来操作下拉列表.

8.4K8 0

JQuery选择器

1 $("*") ---------选取所有元素 2 $(this) --------选择当前HTML元素 3 $("p.a")...

2.4K1 0

jquery 选择器

类选择器，点击事件 $(".demo").click(function(){ alert() }) ?...(#tt).length>0){ } 选择器 ? image.png 属性过滤选择器 div[id] div[title=test] div[title!...image.png 层次选择器 ? image.png ?...image.png 内容过滤选择器 :contains() :has() ? image.png 可见性过滤选择器 :hidden :visible ? image.png 子元素过滤选择器 ?...image.png 表单选择器 :input :text :password :radio :checkbox :submit ? image.png ---- 表格隔行变色 ?

2.2K2 0

jQuery选择器

jquery选择器允许对html中的元素组合单个元素进行操作，jquery的选择器和css的选择器几乎大同小异，大致分为元素选择器、id选择器和类选择器。...jquery的选择器基于元素的id、类、类型、属性、属性值等查找或选择html元素，基于已经存在的css选择器，另外，jquery也支持自定义选择器。...jquery中所有选择器都是以美元符号开头，即$()。元素选择器 jquery写在要选择元素上面，就要使用$(document).ready(function(){};这种格式 --> $(document...id选择器 jquery的id选择器通过html元素中的id属性选取指定的元素，页面中的元素id必须是唯一的，所有在选择的时候需要使用#id选择器。 <!

2.5K2 0

jQuery（选择器）

基本选择器（*）在开发过程中，jQuery对象的定义 var $obj=$("选择的对象")； //$obj为自定义的元素名 id选择器 $("#id"); 选中的结果是该元素的jQuery对象标签选择器...$("标签名称");jquery对象的集合，如果选择结果只有一个，那么是当前对象类选择器 $(".类名"); jQuery对象的集合，类名是在css中定义并集选择器 $("selector1seletor2...) 选择不包含selector选择器的元素； :even 选择索引为偶数的元素； :odd 选择索引为奇数的元素；注意：使用等于和小于进行并集选择器时，等于在前； eq后的元素index重新按照0进行排列才能取出正确的数据...（推荐显示先用lt，再使用eq）；可见性过滤选择器 :visible 选取所有可见元素（占据文档流的位置。...:first-child 匹配所给选择器( :之前的选择器)的第一个子元素；等同于： :nth-child(1) 注意：但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素

2.2K1 0

jQuery 选择器

jQuery网页脚本语言核心之一概述： 1. 选择器是jQuery的基础 2. 对事件处理，遍历DOM和Ajax操作都依赖于选择器 3. 可简化代码什么是jQuery选择器？...通过过滤选择呢亲选择元素 (1) 基本过滤选择器 (2) 可见性过滤选择器详解：通过css选择器选取元素 jQuery支持大多数css选择器最常用的有：基本选择器，层次选择器和属性选择器在jQuery...基本选择器 1. 继承了css选择器的语法和功能 2. 主要由元素标签名，class，id和多个选择器组成 3. 可以实现大多数页面元素的查找 4. ...在层次选择呢亲中，后代选择器和子选择器较为常用，而相邻元素选择器和同辈元素选择器在jQuery中可以用更加简单的方法代替：（1）使用next()房代替prev-next（相邻元素选择器）（2）使用nextAll...解决此类错误的方法是使用转义符转义。

3.5K9 0

Jquery选择器

1、基本选择器选择器描述结果示例 #id 根据id获取元素单个 $(“#myid”)选取id的值为myid的元素 .class 根据class获取元素集合 $(“.myclass”)选取...)获取所有标签元素 a,.myclass,#id等获取对应标签元素集合 $(“a,.myclass,#myid”)获取a、class的值为myclass以及id为myid的元素集合 2、层次选择器...选择器描述结果示例 $(“#myid .sonid”) 选取id为myid里所有后代元素集合 $(“#myid .my”)这里是后代元素 $(“#myid >.sonid”) 选取id为myid...元素中最后一个div :not(selector) 去除所有给定选择器匹配的元素集合 $(“input:not(.myclass)”)去掉class不是 myclass的input元素 :even...描述结果示例 :contains(text) 选取包含有text内容的元素集合 $(“div:contains(‘Joyous’)”)选取含有文本为Joyous的div元素 :empty 选取不包含子元素或者文本是空的元素

2.7K6 0

jquery选择器

jquery用法思想选择某个网页元素，然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。...myClass的div元素 $('div').filter('.myClass'); //选择class等于myClass的div元素 $('div').eq(5); //选择第6个div元素上面演示如何使用...jquery来选择上元素，那么下面继续来演示一下选择集的过滤。...DOCTYPE html> jquery/jquery...那么使用选择集过滤，过滤p元素设置为pink背景色，如下： <!

2.5K2 0

jQuery 选择器

1 jQuery 选择器原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1.1....基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可，但是要加引号 ? 1.2. 层级选择器层级选择器最常用的两个分别为：后代选择器和子代选择器。 ?...多个里面筛选几个多个里面筛选几个多个里面筛选几个 ...多个里面筛选几个多个里面筛选几个多个里面筛选几个多个里面筛选几个 <...1.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果，排他思想：当前元素设置样式，其余的兄弟元素清除样式

2.5K2 0

jQuery介绍与常见选择器的使用

2.强大的选择器。jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。...6.不污染顶级变量。jQuery只建立一个名为jQuery的对象，其所有的函数方法都在这个对象之下。其别名$也可以随时交出控制权，绝对不会污染其他的对象。...开发者可以使用jQuery选择器选中元素，然后直接给元素添加事件。...使用jQuery的选择器在开始使用jQuery之前，首先应该明确一点，在jQuery库中，\就是jQuery的一个简写形式，例如\("#foo") 等价于 jQuery("#foo")，\.ajax...，其他的选择器使用方式可以参考以下jQuery的中文文档： https://www.jquery123.com/ 简单的事件注册：通过选择器搜索出来的对象包装后是jQuery对象，所以不能使用DOM中的事件注册方式

3.3K1 0

jQuery中，$.和$().有什么区别以及多个选择器的执行

$代表jQuery对象，同时也是一个函数对象 $()和jQuery()是jQuery的核心函数，执行这两个元素返回的是一个DOM元素 $()是一个函数，等同于jQuery()，可在括号内传参数，传参后可获取元素...$(“.one”)表示获取class=“one”的元素，返回一个jQuery对象 $(”.one”).onclick表示class=”one”的点击事件 $.post() $.get() $.ajax...() 都是jQuery对象的方法 jQuery中，多个选择器是依次执行的，不是同时执行的，是在上一个选择器执行完的基础上，才开始执行下一个。

1.8K4 0

jQuery层次选择器

jQuery是一种流行的JavaScript库，用于简化HTML文档的操作和动态交互。在jQuery中，层次选择器是一种非常有用的选择器，可以根据元素之间的层次关系选择特定的元素。...在jQuery中，层次选择器使用空格来表示元素之间的层次关系。下面是一些常用的层次选择器：后代选择器（Descendant Selector）用于选择所有指定元素的后代元素。...例如，选择所有class为"container"的div元素内部的p元素，可以使用如下的层次选择器：$("div.container p")这将选中所有class为"container"的div元素内部的...例如，选择所有class为"container"的div元素的直接子元素p，可以使用如下的层次选择器：$("div.container > p")这将选中所有class为"container"的div元素的直接子元素...通过层次选择器，我们可以轻松地选取到HTML文档中特定层次关系的元素，从而方便地操作和修改这些元素。无论是处理DOM元素还是实现动态交互，jQuery的层次选择器都是非常有用的工具。

9022 0

jQuery选择器总结

先说选择器，要知道js里，也有，就是你给标签起了id，class名，在js里需要获取是一个意思。...在jq中很方便，不用写很长的xxx=document.getElementById(‘xxx’) 1.基本选择器 ? 2.层次选择器 ? 3.过滤选择器 ? 4.内容过滤器 ?...5.可见选择器 ? 6.属性选择器 ? 7.子元素选择器 ?...其中nth-child（xn+y）表示：从第y各元素起，选取每第x个元素例3n+2表示从第二个子元素开始，选取每个第三个的元素 even：偶数 odd：奇数 8.表单元素过滤选择器 ?...表单中选择确切的某个属性的元素，不需要全部都写input 熟练使用选择器是熟练使用jq的前提图片全部来自个人word文档中的截图，如有错误欢迎指出，互相学习。

1.6K5 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭