首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在jQuery中,使用$(this)的附加选择器

在jQuery中,使用$(this)的附加选择器是指在当前选中的元素上进一步进行选择操作。$(this)表示当前上下文中的元素,而附加选择器则是在该元素上进行进一步的选择。

附加选择器可以使用各种jQuery选择器来对当前元素进行筛选,常见的附加选择器包括:

  1. :eq(index):选择当前元素的第index个同级元素。
  2. :even:选择当前元素的同级偶数位置的元素。
  3. :odd:选择当前元素的同级奇数位置的元素。
  4. :first:选择当前元素的同级第一个元素。
  5. :last:选择当前元素的同级最后一个元素。
  6. :not(selector):选择当前元素中不匹配给定选择器的元素。
  7. :has(selector):选择当前元素中包含符合给定选择器的元素的元素。
  8. :parent:选择当前元素中有子元素的元素。
  9. :empty:选择当前元素中没有子元素的元素。
  10. :contains(text):选择当前元素中包含指定文本的元素。

使用附加选择器可以更精确地选择和操作当前元素及其子元素,提高代码的灵活性和可读性。

对于附加选择器的具体应用场景和示例代码,可以参考腾讯云的jQuery文档:jQuery 附加选择器

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JQuery选择器

HTML5学堂:在学习JQuery开发时候,选择器有多种,而我们将接着介绍选择器其他类型,希望对大家有帮助!...: 把属性选择器不放在css选择器里面是因为jQuery写法是不一样.至于css写法可以参考我之前写一篇css选择器一文.jQuery是和xPath类似的写法: $("mix[@attr]"...:选取单前节点父节点 @:选取属性,这个之前说过了(属性选择器) nodename:选取节点下所有节点 jQuery应用: 根节点是很少用到,常用的如下面的例子: $("div/p")相当于...可以写做$() $(选择器部分,选择器来源):这个举例说明 $("input:radio",document.forms[0]):文档第一个表单,搜索所有单选按钮 $("div",xml.responseXML...):查询指定XML文档所有div元素 选择器来源可以是:作为上下文DOM元素,文档或jQuery对象 还有两个:$.extend(prop)和$.noConflict()是和插件以及和其他库兼容使用

2K90

jquary学习(二)jquary使用jQuery选择器

目录 首先在官网下载jquaryjs文件 html页面文件里面引入 jQuery选择器 基本选择器id 选择器标签选择器 (“a”)类选择器 (“.class”) 首先在官网下载jquaryjs...以后就可以在这个HTML页面使用jquary语法了 jQuery选择器 我们打开jquary中文参考文档 ? ? 打开就是以上界面。 基本选择器 ?...先看基本选择器 id 选择器 function demo1(){ //使用JS方式获得--HTMLInputElement var uname=document.getElementById...("uname"); //使用JQ获得 获得ID名称为unam对象 也就是获取是一个数组 // Object---[Element,Element,Element,Element...而此选择符将为每个父元素匹配一个子元素 //$("ul li:last-child").css("background-color","red"); //√ 匹配每一个ul

5.4K20

jQuery9个选择器

选择器jQuery 最基础东西,本文中列举选择器基本上囊括了所有的 jQuery 选择器,也许各位通过这篇文章能够加深对 jQuery 选择器 理解,它们本身用法就非常简单,我更希望是它能够提升个人编写...jQuery 代码效率。...本文配合截图、代码和简单概括对所有 jQuery 选择器进行 了介绍,也列举出了一些需要注意和区分地方。...:only-child :如果当前元素是唯一子元素,则匹配 8、表单选择器 :input :选取页面所有表单元素,包含 select 以及 textarea 元素 :text :选取页面所有文本框...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:jQuery9个选择器

1.4K20

HTML5jQuery选择器querySelector使用

简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery选择器...用法 两个方法使用差不多语法,都是接收一个字符串参数,这个参数需要是合法CSS选择语法。...querySelector 该方法返回满足条件单个元素。按照深度优先和先序遍历原则使用参数提供CSS选择器DOM进行查找,返回第一个满足条件元素。...elements = document.querySelectorAll('div.foo');//返回所有带foo类样式div 但需要注意是返回nodeList集合元素是非实时(no-live...原因就在于反斜杠字符串本身就表示转义意思,它于冒号结合转不出东西来,于是抛错。

3.2K70

jQuery介绍与常见选择器使用

选择一个版本jQuery,导入工程,我选择是min版: ? 然后HTML文件引入jQuery: <!...使用jQuery选择器 开始使用jQuery之前,首先应该明确一点,jQuery,\就是jQuery一个简写形式,例如\("#foo") 等价于 jQuery("#foo"),\.ajax...而且我们得知道,DOM树每一个节点或者说标签,都是一个对象。 以下演示几个常用选择器: 1.标签选择器。传入标签名称,就可以控制所有符合该名称标签,示例: <!...传入标签id值,然后前面加上 # (与css选择器命名一样)即可,无论css是否有定义该id选择器都可以这么使用,示例: <!...,其他选择器使用方式可以参考以下jQuery中文文档: https://www.jquery123.com/ 简单事件注册: 通过选择器搜索出来对象包装后是jQuery对象,所以不能使用DOM事件注册方式

2.7K10

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

目录 使用jQuery js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 ---- js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 使用jQuery jQuery...3.3.1 建议下载开发版本 2、HBuilder使用 创建项目 3、把jQuery库复制到项目中js文件夹 4、引入jQuery库文件: 注意:script标签不要写内容,写jQuery代码就再写一对...选择器还可以组合多个一起使用,可以分为并集和交集。...所有的p 和 span 不管是div内 还是div外边全部受到影响。这种写法我们叫做多个选择器 并集。 多个选择器(交集):selector1 selector2 那么有并集 应该也会有交集。...那么现在咱们玩点刺激,现在我第一个div里面的p段落再加点东西我是第一个div 第一个p标签。

15.3K10

JQuery简述、使用方法和选择器

JQ简述1 1、 jQuery出现背景(Javascript遇到问题) 选择器功能弱 DOM操作繁琐之极 浏览器兼容性不好 动画效果弱 2、什么是 jQuery(概念) jQuery...除非特殊要求,一般不会使用 3.x 版本,很多老 jQuery 插件不支持这个版本。目前该版本是官方主要更新维护版本。 注:推荐学习时使用1.x版本,功能更加完善,所学习到东西更多。...jQuery $含义 作用 1:$(function) 相当于 window.function(){} 2.功能比window.onload更强大 (1) window onload一个页面只能写一个...使用准备 ? JQ中常用选择器 一、基本选择器 1、id选择器 通过元素id获取相关元素 ? 2、元素选择器 获得body内相关元素,如div、input等 ?...使用时直接将相关jquery文件放入JS目录下,html代码引入即可。

1.1K10

jQuery常用选择器

选取页面中元素可以使用jQuery给我们提供$()方法,该方法需要提供选择器作为参数,方法执行完成后会返回给我们一个jQuery对象,被选取元素就包含在该对象。...$('div ~ p') 选择作为div元素且位于其后所有p元素 2.3 使用属性选择元素 选择器 实列 说明 tag[attr] $('p[class]') 选择所有带有class属性p元素 tag...$('div:parent') 选择匹配元素集合包含子元素所有div元素(包括文本节点) 2.7 选取表单元素 jQuery提供了一些专门为表单设计选择器,用于快速访问表单元素。...使用context提高检索效率 先前我们选取页面元素时,不可避免要检索页面所有元素,这样就降低了检索效率。这不是我们想要,能不能在我们指定范围检索我们想要获取元素。...下面的选择器会在id属性值为box元素查找p元素,而不是整个文档查找: $('p', '#box') 后代选择器也可以像上面那样写: $('#box p') //

70720

jQuery常用 基本选择器

什么是jQuery选择器 jQuery选择器jQuery为我们提供一组方法,让我们更加方便获取到页面元素。注意:jQuery选择器返回jQuery对象。...jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂选择器。...【查看jQuery文档】 jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到只是少数最常用选择器。...css里选择器jQuery都能写 基本选择器 名称 用法 描述 ID选择器 $(“#id”) $(“#id”) 获取指定ID元素 类选择器 $(“.class”) 获取同一类class元素 标签选择器...$(“div” 获取同一类标签所有元素 并集选择器 $(“div,p,li”) 使用逗号分隔,只要符合条件之一就可。

50310

【JavaWeb】85:jQuery各种选择器

CSS基本选择器有3种,jQuery中比CSS还多一种,依次分析: ? 为了观看更直接,将每个选择器和一个按钮绑定,通过触发点击事件完成对应操作。...三、属性选择器 标签是有各种各样属性,比如style属性,name属性,value属性,title属性…等等。 可以通过属性查找到对应标签。 ?...③多选框选中元素 点击该按钮,能选取多选框已经被选中元素,同时将选中控制台上打印。 ④下拉框选中元素 点击该按钮,能选取下拉框已经被选中元素,同时将选中控制台上打印。...即匹配所有被选中元素 。 例子是多选框,其实单选框,下拉框也都可以使用选择器使用each()方法可以遍历多个元素。 使用attr("属性名")也可以获取对应属性值。...六、总结 选择器之间是可以叠加使用。比如层级选择器可以包含基本选择器jQuery选择器实在是太多了,通过网络查询到jQuery对应里选择器: ?

8.7K20

jQuery1.jQuery简介及使用2.jQuery语法3.jQuery选择器4,jQuery 事件函数及效果显示

,如果你使用技术是最新技术,用到了新特性,此时就需要从官方文档查看新特性使用方式。...在线中文API手册 / 在线中文API手册:可以通过在线API中文手册,查看jquery函数使用方式 离线API中文手册:点击链接自行下载,开发过程我们必备手册!...class="test" 所有元素 $("#test").hide() 隐藏所有 id="test" 元素 3.jQuery选择器 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取...jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性元素。 $("[href]") 选取所有带有 href 属性元素。...事件处理程序指的是当 HTML 中发生某些事件时所调用方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分事件处理方法.

2.2K30
领券