首页 > 其他分享 >jq中的九大选择器有哪些?作用是什么?

jq中的九大选择器有哪些?作用是什么?

时间:2023-04-27 18:03:38浏览次数:36  
标签:元素 jq 选取 九大 HTML Selector 选择器 属性

jQuery 中的九大选择器如下:

  1. 元素选择器(Element Selector):使用元素名称来选择 HTML 元素。如 $('p') 选取所有 <p> 元素。
  2. ID 选择器(ID Selector):使用元素的 ID 属性来选择 HTML 元素。如 $('#myId') 选取 ID 为 'myId' 的元素。
  3. 类选择器(Class Selector):使用元素的 class 属性来选择 HTML 元素。如 $('.myClass') 选取 class 为 'myClass' 的元素。
  4. 属性选择器(Attribute Selector):使用元素的属性值来选择 HTML 元素。如 $('[href]') 选取具有 href 属性的元素。
  5. 多属性选择器(Multiple Attribute Selector):同时选择具有多个属性的 HTML 元素。如 $('[href][title]') 选取具有 href 和 title 属性的元素。
  6. 子元素选择器(Child Selector):选择指定元素的子元素。如 $('ul > li') 选取所有 <ul> 元素的直接子元素 <li> 元素。
  7. 后代元素选择器(Descendant Selector):选择指定元素的后代元素。如 $('ul li') 选取所有 <ul> 元素的后代 <li> 元素。
  8. 相邻兄弟元素选择器(Adjacent Sibling Selector):选择指定元素之后的第一个兄弟元素。如 $('h1 + p') 选取紧接在 <h1> 元素后面的第一个 <p> 元素。
  9. 兄弟元素选择器(General Sibling Selector):选择指定元素之后的所有兄弟元素。如 $('h1 ~ p') 选取所有在 <h1> 元素后面的 <p> 元素。 这些选择器可以帮助我们快速、准确地选择 HTML 元素,进而对它们进行操作、添加事件等。在实际开发中,它们都有着广泛的应用。

转载>.< jq中的九大选择器有哪些?作用是什么? - 艾恩小灰灰的回答 - 知乎 https://www.zhihu.com/question/591534219/answer/2951613510

标签:元素,jq,选取,九大,HTML,Selector,选择器,属性
From: https://www.cnblogs.com/czlws/p/17359812.html

相关文章

  • jQuery效果-隐藏与显示
    <!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="Index.js"><......
  • jQuery HTML-删除元素
    <!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="delete.js">&l......
  • jQuery HTML之添加元素
    <!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><scriptsrc="../Scripts/jquery-3.4.1.min.js"></script><scriptsrc="AddContent.js">&......
  • react18中antd的select选择器组件自定义下拉框的内容
    效果如图导入组件和图标import{Select}from'antd'import{ManOutlined,WomanOutlined}from'@ant-design/icons';const{Option}=Select;数据letuserListOption=[{value:1,label:"小明",avatar:"http://xxx......
  • 第1章 jQuery入门
    学习要点:1.什么是jQuery2.学习jQuery的条件3.jQuery的版本4.jQuery的功能和优势5.其他JavaScript库6.是否兼容低版本IE7.下载及运行jQuery一.什么是jQueryjQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是JohnResig,于2006年创建的一个开......
  • 【传感器IC】DRV5033AJQDBZRQ1是一款斩波稳定型2.7V至38V霍尔效应传感器
    DRV5033AJQDBZRQ1数字全极开关霍尔效应传感器是一款斩波稳定型霍尔效应传感器,此器件在可行温度范围内提供具有出色灵敏度稳定性和集成保护特性的磁场感测解决方案。DRV5033对磁场方向的两种极性响应相同。当施加的磁通密度超过BOP阈值时,DRV5033开漏输出降低。输出保持在低阻,直......
  • 基于JQuery实现业务流图
    最近接手了一个需求,需要将一个业务流中各个系统间交互信息用时间轴方式(设计原型我觉得是基于时间轴)展现出来,正常交互的接口圆点为绿色,未交互的接口圆点为灰色,交互异常的接口圆点为红色,且圆点不仅要展示接口名称,还要请求和响应时间,并且时间后面要跟着可点击链接,在业务流图右边展示......
  • jquery ajax dataType有哪些
    预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包MIME信息来智能判断,比如XMLMIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:•"xml":......
  • [Jquery DataTable] 生成模板文件
    以前生成模板文件,都是在后端放一个文件,前端提供一个链接地址。碰巧看到用DataTable来生成模板文件的方式,特此记录下。原理:创建一个空数据的DataTable,提供导出按钮功能,并隐藏DataTable。页面上就只会显示一个按钮,不显示DataTable.   <!DOCTYPEhtml><htmllang="en">......
  • jQuery 在图片和文字中插入内容(多种情况考虑)
    昨天接到一个新的需要,在后台文章编辑器中,每一个文章的正文前面,可以单独添加一个电头字段,但是如果在富文本编辑器中最上面就添加图片的话,图片就会把电头和正文中的文字给隔开。需要做的是获取到电头字段,然后在正文中的文字部分的最前面插入电头字段。具体看下图:原始的代码:<div......