当前位置: 首页 > news >正文

jQuery的选择器总结

为什么80%的码农都做不了架构师?>>>   hot3.png

选择器是jQuery的核心

 

$('#dom-id')

 

按ID查找

$('#abc');  返回的对象是jQuery对象

什么是jQuery对象?jQuery对象类似数组,它的每个元素都是一个引用了DOM节点的对象。

以上面的查找为例,如果idabc<div>存在,返回的jQuery对象如下:

[<div id="abc">...</div>]

 

 按tag查找

$('p')  返回jQuery对象数组

 

按class查找

$('.red')

$('.red.green')

按属性查找

$('[name=email]'); // 找出<??? name="email">

按属性查找还可以使用前缀查找或者后缀查找:

var icons = $('[name^=icon]'); // 找出所有name属性值以icon开头的DOM
// 例如: name="icon-1", name="icon-2"
var names = $('[name$=with]'); // 找出所有name属性值以with结尾的DOM
// 例如: name="startswith", name="endswith"

组合查找

 $('input[name=email]'); // 不会找出<div name="email">

 

多项选择器

$('p,div'); // 把<p>和<div>都选出来

 

 

 

 

 

 

 

 

 

 

转载于:https://my.oschina.net/qkmc/blog/917145

相关文章:

  • 流程管理软件示例:构建闭环的隐患管理
  • dubbo请求调用过程分析
  • AC日记——魔法森林 洛谷 P2387
  • Nginx/LVS/HAProxy负载均衡软件的优缺点详解
  • WebRTC学习资料大全
  • 分布式文件系统 IPFS
  • 第一章、shell脚本基础
  • JAVASE学习笔记:第十章 SWing经常使用控件类(二)
  • DDD中分层架构
  • ssl证书生成方法
  • 谈选择的重要性
  • centos7安装设置Nfs服务器
  • 深入.NET平台和C#编程
  • Apache Zeppelin 安装
  • 2017 十大最佳用于隐私和安全保护的 Linux 发行版
  • [原]深入对比数据科学工具箱:Python和R 非结构化数据的结构化
  • Angular 响应式表单之下拉框
  • Consul Config 使用Git做版本控制的实现
  • CSS3 聊天气泡框以及 inherit、currentColor 关键字
  • java多线程
  • java中的hashCode
  • react-native 安卓真机环境搭建
  • React组件设计模式(一)
  • spring + angular 实现导出excel
  • Vue学习第二天
  • 安装python包到指定虚拟环境
  • 产品三维模型在线预览
  • 计算机在识别图像时“看到”了什么?
  • 理解在java “”i=i++;”所发生的事情
  • 如何设计一个微型分布式架构?
  • 删除表内多余的重复数据
  • 使用Swoole加速Laravel(正式环境中)
  • 小试R空间处理新库sf
  • mysql 慢查询分析工具:pt-query-digest 在mac 上的安装使用 ...
  • $L^p$ 调和函数恒为零
  • (1)(1.13) SiK无线电高级配置(五)
  • (C语言)球球大作战
  • (TOJ2804)Even? Odd?
  • (四)linux文件内容查看
  • (原+转)Ubuntu16.04软件中心闪退及wifi消失
  • (转) 深度模型优化性能 调参
  • .NET6实现破解Modbus poll点表配置文件
  • .NetCore 如何动态路由
  • .Net转前端开发-启航篇,如何定制博客园主题
  • @Async注解的坑,小心
  • [ CTF ]【天格】战队WriteUp- 2022年第三届“网鼎杯”网络安全大赛(青龙组)
  • [ Linux Audio 篇 ] 音频开发入门基础知识
  • [ vulhub漏洞复现篇 ] JBOSS AS 5.x/6.x反序列化远程代码执行漏洞CVE-2017-12149
  • [AI]文心一言出圈的同时,NLP处理下的ChatGPT-4.5最新资讯
  • [AndroidStudio]_[初级]_[修改虚拟设备镜像文件的存放位置]
  • [C/C++]数据结构 深入挖掘环形链表问题
  • [C++]AVL树怎么转
  • [CDOJ 838]母仪天下 【线段树手速练习 15分钟内敲完算合格】
  • [ChromeApp]指南!让你的谷歌浏览器好用十倍!
  • [CUDA手搓]从零开始用C++ CUDA搭建一个卷积神经网络(LeNet),了解神经网络各个层背后算法原理