html 层次选择器,jquery层次选择器

基本选择器

$(‘#id‘)——匹配所有#id

$(‘p‘)——匹配所有的p标签

$(‘.class‘)——匹配所有.class

$(‘*‘)——$(‘#id *‘)匹配#id下所有的子节点

$(‘#id,.class‘)——匹配所有#id以及.class

层次选择器

父子层次

$(‘#parent .span1‘)——匹配parent下子节点中所有的class属性为span1的(匹配所有派生子节点中的span1)

$(‘#parent > p‘)——匹配parent下子节点中所有的p标签(只匹配儿子节点的p，孙子节点的p不会被匹配)

兄弟层次

$(‘pre + next‘) ——匹配紧挨着pre的next节点(没有挨着pre的节点不会被匹配到)

$(‘pre ~ next‘)——匹配pre后面所有的所有next(只要是在pre后面的next都会被匹配到)

过滤选择器(冒号前后不能有空格)

简单过滤

$(‘li:first‘)——匹配第一个li标签

$(‘li:last‘)——匹配最后li标签

$(‘#id p:not(#np)‘)——匹配#id下子节点所有id不为np的p标签

$(‘li:odd‘)——第奇数个li(索引从0开始)

$(‘li:even‘)——第偶数个li(索引从0开始)

$(‘li:eq(0)‘)——第0个li(索引从0开始)

$(‘li:gt(0)‘)——第0+1个li(索引从0开始)

$(‘li:lt(1)‘)——第1-1个li(索引从0开始)

$(‘.h:header‘)——匹配所有.h中的标题标签，例如(h1，h2...)

内容过滤

$(‘div:contains("contains")‘)——会匹配到所有内容中包含contains的div，多重div嵌套的也会匹配到外层div

原文：http://www.cnblogs.com/zixueit/p/3848292.html

html 层次选择器,jquery层次选择器相关推荐

jquery层次选择器：空格＞ next + nextAll ~ siblings
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery层次选择器 jquery层次选择器,包括空格.>.next.+.nextAll.~.siblings等函数或表 ...
jQuery 基础选择器/层级选择器/隐式迭代
jQuery 选择器 jQuery 层级选择器隐式迭代(重要) <!DOCTYPE html> <html lang="en"><head>& ...
java与jquery的选择器区别_JQuery选择器
原标题:JQuery选择器声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记. JQuery 介绍: 用于搜索H ...
jquery基本选择器：id选择器、class选择器、标签选择器、通配符选择器
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery基本选择器 jquery基本选择器,包括id选择器.class选择器.标签选择器.通配符选择器,同时配合选择器的空格 ...
jquery选择器、标签选择器、类选择器、元素选择器、*选择器、this关键字
目录元素选择器列:段落隐藏 #id选择器列: .class选择器列: CSS选择器列: *选取所有元素列:#选择器.*选择器.类选择器.元素选择器练习 this选取当前html元素列:选 ...
前端 -＞ js原生选择器,jQuery选择器基本选择器(ID选择器,元素选择器,类名选择器,复合选择器,通配符选择器)
文章目录 jQuery基本选择器 js选择器(原生选择器) jQuery基本选择器 1. ID选择器ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对 ...
jQuery - 元素选择器和 #id 选择器以及 .class 选择器三者的区别
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作,jQuery 选择器基于元素的 id.类.类型.属性.属性值等"查找"(或选择)HTML 元素. 它基于已经存在的 ...
jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器
这篇文章来介绍下jQuery的选择器. 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半 ...
html层次选择器例题,详解强大的jQuery选择器之基本选择器、层次选择器
jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件, ...
jQueryDom和源生DOM相互的转换、jQuery选择器语法、JQuery层次选择器语法、jQuery属性选择器语法、jQuery伪类选择器语法、
jQuery和源生DOM的转化案例 <body> <p id="test">123</p> <p>456</p> &l ...

html 层次选择器,jquery层次选择器

html 层次选择器,jquery层次选择器相关推荐

最新文章

热门文章