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

jQuery 参考手册 - 选择器

选择器

实例

选取

*

$("*")

所有元素

#id

$("#lastname")

id="lastname" 的元素

.class

$(".intro")

所有 class="intro" 的元素

element

$("p")

所有 <p> 元素

.class.class

$(".intro.demo")

所有 class="intro" 且   class="demo" 的元素

 

 

 

:first

$("p:first")

第一个 <p> 元素

:last

$("p:last")

最后一个 <p> 元素

:even

$("tr:even")

所有偶数 <tr> 元素

:odd

$("tr:odd")

所有奇数 <tr> 元素

 

 

 

:eq(index)

$("ul li:eq(3)")

列表中的第四个元素(index 从 0 开始)

:gt(no)

$("ul li:gt(3)")

列出 index 大于 3 的元素

:lt(no)

$("ul li:lt(3)")

列出 index 小于 3 的元素

:not(selector)

$("input:not(:empty)")

所有不为空的 input 元素

 

 

 

:header

$(":header")

所有标题元素 <h1> - <h6>

:animated

 

所有动画元素

 

 

 

:contains(text)

$(":contains('W3School')")

包含指定字符串的所有元素

:empty

$(":empty")

无子(元素)节点的所有元素

:hidden

$("p:hidden")

所有隐藏的 <p> 元素

:visible

$("table:visible")

所有可见的表格

 

 

 

s1,s2,s3

$("th,td,.intro")

所有带有匹配选择的元素

 

 

 

[attribute]

$("[href]")

所有带有 href 属性的元素

[attribute=value]

$("[href='#']")

所有 href 属性的值等于 "#" 的元素

[attribute!=value]

$("[href!='#']")

所有 href 属性的值不等于 "#" 的元素

[attribute$=value]

$("[href$='.jpg']")

所有 href 属性的值包含以 ".jpg" 结尾的元素

 

 

 

:input

$(":input")

所有 <input> 元素

:text

$(":text")

所有 type="text" 的   <input> 元素

:password

$(":password")

所有 type="password" 的   <input> 元素

:radio

$(":radio")

所有 type="radio" 的   <input> 元素

:checkbox

$(":checkbox")

所有 type="checkbox" 的   <input> 元素

:submit

$(":submit")

所有 type="submit" 的   <input> 元素

:reset

$(":reset")

所有 type="reset" 的   <input> 元素

:button

$(":button")

所有 type="button" 的   <input> 元素

:image

$(":image")

所有 type="image" 的   <input> 元素

:file

$(":file")

所有 type="file" 的   <input> 元素

 

 

 

:enabled

$(":enabled")

所有激活的 input 元素

:disabled

$(":disabled")

所有禁用的 input 元素

:selected

$(":selected")

所有被选取的 input 元素

:checked

$(":checked")

所有被选中的 input 元素

 

转载自:http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

 

转载于:https://www.cnblogs.com/zeroempty/p/4923153.html

相关文章:

  • 数数苹果手机中的不科学
  • Ipsec transport mode and turnnel mode
  • 【探索】无形验证码 —— PoW 算力验证
  • SQL Join的一些总结
  • Cordova 问题点备忘
  • poj 1011 Sticks ,剪枝神题
  • 删除缓存
  • java 深拷贝
  • 为什么可以用while(cin)?
  • linux centos 6.5 安装L2TP *** 每账号绑定1IP地址
  • 解决: Fail to create empty document
  • div,section,article的区别以及使用场景
  • Oracle高水位High Water Mark(HWM)简介
  • Android中使用adb访问SQLite的方法
  • 集群安装配置Hadoop具体图解
  • 分享一款快速APP功能测试工具
  • 自己简单写的 事件订阅机制
  • 【Leetcode】104. 二叉树的最大深度
  • Android系统模拟器绘制实现概述
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • emacs初体验
  • exif信息对照
  • input的行数自动增减
  • Python中eval与exec的使用及区别
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • Travix是如何部署应用程序到Kubernetes上的
  • weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架
  • 对话:中国为什么有前途/ 写给中国的经济学
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 汉诺塔算法
  • 基于Android乐音识别(2)
  • 技术发展面试
  • 山寨一个 Promise
  • 思维导图—你不知道的JavaScript中卷
  • 算法之不定期更新(一)(2018-04-12)
  • 学习JavaScript数据结构与算法 — 树
  • nb
  • 京东物流联手山西图灵打造智能供应链,让阅读更有趣 ...
  • ​Kaggle X光肺炎检测比赛第二名方案解析 | CVPR 2020 Workshop
  • #QT(一种朴素的计算器实现方法)
  • (1)Map集合 (2)异常机制 (3)File类 (4)I/O流
  • (分布式缓存)Redis哨兵
  • (汇总)os模块以及shutil模块对文件的操作
  • (蓝桥杯每日一题)love
  • (十)DDRC架构组成、效率Efficiency及功能实现
  • (五)c52学习之旅-静态数码管
  • (一)python发送HTTP 请求的两种方式(get和post )
  • (轉貼) 寄發紅帖基本原則(教育部禮儀司頒布) (雜項)
  • .Net Remoting常用部署结构
  • .net 写了一个支持重试、熔断和超时策略的 HttpClient 实例池
  • .NET/C# 在 64 位进程中读取 32 位进程重定向后的注册表
  • .net的socket示例
  • .net访问oracle数据库性能问题
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示
  • [ C++ ] STL_list 使用及其模拟实现