码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • jQuery基础----常用的选择器


    既然操作html中的对象,自然有一个事情是无法避免的,那就是元素选择器。

    原生的JS获取元素的方式很多,还有兼容问题。但是jQuery做了封装,根据封装的方法进行调用即可,不用考虑其它问题。

    jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。

    $("选择器")   //里面选择器直接写CSS选择器即可(但也不是全部而是常用的), 毕竟它的常用方法是基于CSS选择器
    
    • 1

    看一下官网的选择器分类

    在这里插入图片描述

    常用的选择器方法:

    基础选择器

    选择器名称用法(例子演示)描述
    id选择器$(“#id”)获取指定的id的元素
    类选择器$(“.class”)获取指定的class的元素
    标签选择器$(“标签”)获取指定的标签的元素
    全选选择器$("*)获取所有的元素
    通过this获得html标签$(this)获取当前的html元素
    属性选择器$(“[href]”)选取带有 href 属性的元素。还可以如此用
    ( " a [ t a r g e t = b ′ l a n k ′ ] " ) : 选取所有 t a r g e t 属性值等于 " b l a n k " 的 < a > 元素 < b r > ("a[target='_blank']") : 选取所有 target 属性值等于 "_blank" 的 元素
    ("a[target=b′​lank′]"):选取所有target属性值等于"b​lank"的<a>元素<br>
    (“a[target!=‘_blank’]”) : 选取所有 target 属性值不等于 “_blank” 的 元素
    并集选择器$(“div,p,li”)获得div p li 的元素标签集合
    并集选择器$(“p.intro”)选取 class 为 intro 的

    元素

    伪元素或伪标签选择器

    当然可以使用伪属性或者伪标签。

    伪元素或伪属性语法描述
    :first$(“p:first”)选取第一个

    元素

    :last$(“p:last”)选取最后一个

    元素

    :not(selector)$(“input:not(:checked)”)选取input 不带有checked属性的元素
    :even$(“tr:even”)选取偶数位置的
    :odd$(“tr:odd”)选取奇数位置的
    :eq(index)$(“tr:eq(1)”)匹配一个给定索引值的元素,选取t标签第二个元素 (从0开始)
    :gt(index)$(“tr:gt(0)”)选取t标签第一个元素后面的元素 (从0开始,所以大于0)
    $(“:button”)选取所有 type=“button” 的 元素 和 元素
    元素 元素

    层级选择器

    当然还可以使用层级选择器:

    选择器名字用法(例子)描述
    子代选择器$(“div >p”)使用>获得子级的元素, 不会获得孙子级以及更内层的元素,例子:获取div标签内嵌的第一层标签为p的元素
    后代选择器$(“div p”)使用空格,是后代选择器就是获得div中无论内嵌的任何层p元素
    紧邻选择器$(“#id +p”)使用+号, 匹配所有 紧接在 id为di 元素后的 p 元素。(好好理解这句话,不是所id后面所有的p标签哦,而复合id后面紧邻p的所有o标签)
    兄弟选择器$(“#id ~ p”)使用~号,匹配 id为id 元素之后的所有 p 元素。

    其实选择器太多了,很方便我们使用,但是我只是聊一下常用的方法。如果需要更多可能需要翻看官网文档了。

  • 相关阅读:
    60行自己动手写LockSupport是什么体验?
    springcloudalibaba架构(28):分布式事务解决方案
    基于可信执行环境的机密计算框架设计及安全性分析
    【基础理论】柯西分布
    我准备了三个月,怒刷面试题,4面字节跳动,顺利拿到 offer
    构建远程音乐库!群晖Audio Station公开共享音频实现公网访问
    国产操作系统之中兴新支点NewStartOS安装
    登录实现【Security(登录)+Oauth2(颁发授权码/Token)+JWT(加密Token)】
    SpringBoot统一返回处理遇到cannot be cast to java.lang.String问题
    在线BLOG网|基于springboot框架+ Mysql+Java+JSP技术的在线BLOG网设计与实现(可运行源码+数据库+设计文档)
  • 原文地址:https://blog.csdn.net/u011863822/article/details/125896471
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号