jQuery选择器和方法的等价关系

层级选择器

1、ancestor descendant （后代选择器）

在给定的祖先元素下匹配所有的后代元素
$(“form input”)
$('.div span')选取<div>里的所有的<span>元素

2、parent child （子选择器）

在给定的父元素下匹配所有的子元素
$(“form > input”)
$('.div > span')选取<div>元素下元素名是<span>的子元素

3、prev next（临近选择器）

匹配所有紧接在 prev 元素后的 next 元素
$(“label + input”)
$('.one + div')选取class为one的下一个<div>元素

4、prev sibling

匹配 prev 元素之后的所有 siblings 元素
$(“prev ~ input”)
$('.one + div')选取class为one的下一个<div>元素
$('#two ~ div')选取id为two的元素后面的所有的<div>兄弟元素

等价关系

1、同等关系

选择器：$(‘.one + div’)

方法：$(‘.one’).next(‘div’);

2、同等关系

选择器：$(‘#pre ~ div’)

方法：$(‘#pre’).nextAll(‘div’);

方法：$(‘#pre’).nextAll();

方法：$(‘#pre’).siblings();

3、同等关系

$(‘div’).is(':checked')

$(‘div’).attr('checked') == 'checked'

jQuery选择器和方法的等价关系相关推荐

js与jQuery的区别以及jQuery选择器和方法的使用
目录使用jQuery 官网:http://jquery.com/ 打开jQuery官网首页:write less,do more 写的少做的更多建议下载开发版本 js与jQuery代码对比 jQu ...
JQuery选择器一般方法
转载于:https://www.cnblogs.com/zhanghai/p/4461253.html
jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义 ...
jQuery选择器和选取方法
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义 ...
jquery 常用选择器和方法以及遍历（超详细）
jQuery 常用选择器和和方法学习总结一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍二.jQuery 对象 1. jQuery ...
jQuery选择器代码详解（一）——Sizzle方法
对jQuery的Sizzle各方法做了深入分析(同时也参考了一些网上资料)后,将结果分享给大家.我将采用连载的方式,对Sizzle使用的一些方法详细解释一下,每篇文章介绍一个方法. 若需要转载,请写明 ...
原生js模拟jQuery选择器功能及方法
模拟jQuery选择器功能及方法查看jQuery源码可以发现,jQuery中没有使用new操作符来创建新对象,而是采用调用jQuery原型中init()函数的方式返回一个新对象. 熟悉jQuery的 ...
jquery：选择器【基础选择器、层级选择器、属性选择器和方法操作、过滤选择器、筛选选择器和方法，可见性过滤选择器】
名称用法描述基础选择器 id选择器 $('#class') 指定id的元素类选择器 $('.class') 指定类标签选择器 $('div') 指定标签并集选择器 $('div,class ...
第二章（jQuery选择器）
2.1jQuery选择器是什么 1.CSS选择器选择器示例选择器示例标签选择器 a{ } p{ } ul{ } ID选择器 #ID{ } 类选择器 .class{ } 群组选择器 td,p, ...

jQuery选择器和方法的等价关系

jQuery选择器和方法的等价关系相关推荐

最新文章

热门文章