jQuery常用选择器总结(超详细)

语法	描述	备注
$("*")	选取所有HTML元素
$(this)	选取当前HTML元素
$(“p.intro”)	选取class为intro的<p>元素
$(“p.first”)	选取第一个<p>元素
$(“ul li:first”)	选取第一个<ul>元素的第一个<li>元素
$(“ul li:first-child”)	选取每一个<ul>元素的第一个<li>元素
$("[href]")	选取带有href属性的元素	"[ ]“可以理解为属性，比如[href]表示带有href属性的元素；”:"可以理解为种类，比如p:first表示p类标签的第一个
$(“a[target=’_blank’]”)	选取所有target属性值等于"_blank"的<a>元素
$(“a[target!=’_blank’]”)	选取所有target属性值不等于"_blank"的<a>元素
$(":button")	选取所有type=“button”的<input>元素和<buttom>元素	如果去掉冒号，则只能获取到<button>元素
$(“tr:even”)	选取偶数位置的<tr>元素	方便设置列表交替行样式
$(“tr:ood”)	选取奇数位置的<tr>元素

//复合选择器
$("#id", ".class")
//层级选择器  div下的p元素中的span元素
$(div p span)
//父子选择器  div下的所有p元素
$(div>p)
//相邻元素选择器  div后面的p元素(仅一个p)
$(div+p)
//兄弟选择器     div后面的所有p元素(同级别)
$(div~p)
//类选择器 加 过滤选择器  第一个和最后一个（first 或者 last）
$(.p:last)
//层级选择 加 过滤选择器 奇偶（odd 或者 even）
$("#mytable td:odd")
//索引选择器 div下的第三个p元素（索引是从0开始）
$("div p:eq(2)")
//属性选择器
$("a[href='www.baidu.com']")
// 内容过滤选择器，包含text内容的p元素
$("p:contains(test)")
//内容过滤选择器，所有空标签（不包含子标签和内容的标签）parent 相反
$(":emtyp")
//所有隐藏元素 visible
$(":hidden")
//选取所有启用的表单元素
$("input:enabled")
//所有不可用的元素
$(":disabled")
//获取所有选中的复选框单选按钮等
$("input:checked")
//获取选中的选项元素
$("select option:selected")

jQuery常用选择器总结(超详细)相关推荐

jquery 常用选择器和方法以及遍历（超详细）
jQuery 常用选择器和和方法学习总结一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍二.jQuery 对象 1. jQuery ...
jQuery常用选择器有哪些？
jQuery常用选择器有哪些? jQuery里面使用最频繁的选择器应该就是 id选择器$('#element-id') class选择器$('.class-name') 标签选择器$('element ...
SVN服务器安装与常用操作（超详细）
SVN服务器安装与常用操作(超详细) 服务器 1.下载SVN服务器,地址:http://subversion.apache.org/packages.html 进入网址后,滚动到浏览器最底部看到如下截 ...
Nginx实战部署常用功能演示(超详细版)，绝对给力~~~
前言上次分享了一些开发过程中常用的功能,但如果到真实环境中,其实还需要一些额外的配置,比如说跨域.缓存.配置SSL证书.高可用等,老规矩,还是挑几个平时比较常用的进行演示分享.上篇详见Nginx超详 ...
适合小白的Linux入门学习教程，从安装到实操（涵盖各种常用指令，超详细！）
Linux入门学习 Linux简介 Linux是什么 Linux的特点 Linux和Windows的区别 Linux入门我们为什么要学习Linux 环境搭建安装CentOS 购买云服务器走进Li ...
JAXB常用注解讲解(超详细)
简介: JAXB(Java Architecture for XML Binding) 是一个业界的标准,是一项可以根据XML Schema产生Java类的技术.该过程中,JAXB也提供了将XML实例 ...
web前端开发课程安排，写出jquery常用选择器
面试知识点主要内容包括html,css,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,设计模式,项目等等. html 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 2 ...
jQuery 常用选择器
jQuery 选择器简介 jquery的选择器有:1.基本选择器(ID.元素.类选择器等):2.基本过滤选择器(:first.:last.:even等):3.内容过滤选择器(:empty.:has() ...
JQuery常用选择器总结
作为网站开发者来说,不可避免的需要和页面打交道,很多时候都需要去操作一些页面上的元素,掌握常用的Jquery选择器是十分有必要的.现从网上整理一些常用的Jquery选择器,希望能给大家带来一些开发上的 ...

jQuery常用选择器总结(超详细)

jQuery常用选择器总结(超详细)相关推荐

最新文章

热门文章