博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQ笔记
阅读量:6914 次
发布时间:2019-06-27

本文共 2956 字,大约阅读时间需要 9 分钟。

jQuery选择器

基本筛选选择器

$(":first") 匹配第一个元素

$(":last") 匹配最后一个元素
$(":not(select)") 去掉不匹配的选择器元素
$(":eq(index)") 在匹配的集合中选择索引值为index的元素
$(":gt(index)") 选择匹配集合中所有大于给定index(索引值)的元素
$(":even") 选择索引值为偶数的元素,从0开始计数
$(":odd") 选择索引值为奇数的元素,从0开始计数
$(":lt(index)") 选择匹配集合中所有索引值小于给定index参数的元素
$(":header") 选择所有标题元素,像h1,h2,h3等
$("lang(language)") 选择指定语言的所有元素
$(":root") 选择该文档的根元素
$(":animated") 选择所有正在执行动画效果的元素

div:first

:even

:odd

:even

:odd

:even

div:last

:odd

demo

链接描述

内容筛选选择器

$(":contain(text)") 选择所有包含指定文本的元素

$(":parent") 选择所有含有子元素或者文本的元素
$(":empty") 选择所有没有子元素的元素(包括文本节点)
$(":has(selector)") 选择元素中至少包含指定选择器的元素
图片描述

contains

:contains

:has

:contains

:parent/:empty

demo

子元素筛选选择器

$(:first-chid)        //选择所有父元素级下的第一个子元素$(:last-child)        //选择所有父元素下的最后一个元素$(:only-child)        //如果某元素是其父元素的唯一子元素,那么它就会被选中$(:nth-child)         //选择他们所有父元素的第n个元素$(:nth-last-child)    //选择他们所有父元素的第n个元素,计数从最后一个元素到第一个

子元素筛选选择器

:first-child、:last-child、:only-child

:nth-child、:nth-last-child

表单元素选择器

$(:input) 选择所有input,textarea,select和button元素

$(:text) 匹配所有文本框
$(:password) 匹配所有密码框
$(:radio) 匹配所有单选按钮
$(:checkbox) 匹配所有复选框
$(:submit) 匹配所有提交按钮
$(:image) 匹配所有图像域
$(:reset) 匹配所有重置按钮
$(:button) 匹配所有按钮
$(:file) 匹配所有按钮
<h2>子元素筛选选择器</h2>

input、text、password、radio、checkbox

submit、image、reset、button、file

[1]: http://codepen.io/i-summer/pen/EWjZLv  [2]: http://codepen.io/i-summer/details/RpPpKX/  [3]: /img/bVJImf

转载地址:http://uhicl.baihongyu.com/

你可能感兴趣的文章
为什么要使用NoSQL
查看>>
JVM中锁优化简介
查看>>
PHP句法规则详解
查看>>
h2 数据文件解析
查看>>
DML、DDL、DCL区别
查看>>
freemarker集成shiro标签
查看>>
java中File类的getPath(),getAbsolutePath(),getCanonicalPath()区别
查看>>
Spring Boot 2.x 启动全过程源码分析(上)入口类剖析
查看>>
Java应用性能管理工具 Pinpoint
查看>>
jQuery UI Accordion in ASP.NET MVC - feed with data from database
查看>>
Linux运维课之Mysql cluster随堂视频
查看>>
Android入门之创建一个AndroidStudio工程
查看>>
2012年下半年系统集成项目管理工程师真题(案例分析)(3)
查看>>
LAMP平台下用Drupal快速建站
查看>>
利用nginx的proxy_next_upstream实现线路容灾
查看>>
chrome 插件开发
查看>>
[LintCode] Serialize and Deserialize Binary Tree
查看>>
Android 矢量图
查看>>
linux awk命令详解
查看>>
MySQL的SET字段类型
查看>>