关键词：
页面的任何操作都需要节点的支撑，开发者如果快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。
jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用的开始学起。
id选择器：一个用来查找的ID，即元素的id属性。
$(‘#id‘)
id选择器也是基本的选择器，jQuery内部使用的JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑使用这个选择器。
值得注意的是：
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配id选择集合的第一个DOM元素。但这种行为不应该发生，有超过一个元素的页面使用相同的id是无效的。
jquery选择器之基本选择器
获得页面各种元素节点1.$(#id属性值)$(‘#useremail‘).css(‘color‘,‘red‘);2. $(tag标签名称)$(‘h2‘).css(‘backgroundColor‘,‘pink‘);$(‘input‘).css(‘backgroundColor‘,‘lightblue‘);3.$(.class属性值)$(‘.pear‘).css(‘fontSize‘,‘3 查看详情
jquery选择器之全选择器(*选择器)
在css中，经常会在第一行写下这样一段样式：*{margin:0;padding:0;}通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素。描述：$(‘*‘)抛开jQuery，如果要获取文档中所有的元素... 查看详情
jquery选择器之基本筛选选择
1.基本选择器 2.内容筛选选择器 3.可见性筛选选择器4.属性筛选选择器5.子元素筛选选择器6.表单元素选择器 7.表单对象属性筛选器 查看详情
jquery选择器之层级选择器
选择器描述$("parent>child") 子选择器$("ancestordescendant")后代选择器$("prev+next")相邻兄弟选择器$("prev~siblings")一般兄弟选择器子选择器：选择所指定parent元素指定的child的直接子元素。后代选择器：选择给定的祖先元素的所有后代... 查看详情
jquery选择器之过滤选择器
过滤选择器类似于CSS中的伪类选择器，以冒号开头。过滤选择器根据其过滤规则分为：基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、以及表单对象属性过滤选择... 查看详情
jquery选择器之元素选择器
元素选择器：根据给定（html）标记名称选择所有的元素。描述：$(‘element‘)搜索指定元素标签名的所有节点，这是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持。第一组：通过getElementsByTagName方法得到页面所... 查看详情
jquery选择器之属性选择器
[attribute] 匹配指定属性名的所有元素 [attribute=value]匹配给定的属性名是某个特定值的属性 [attribute!=value] 匹配给定的属性名不是某个特定值的属性 [attribute^=value]以开头 [attribute$=value]以结尾 [attribue*=... 查看详情
jquery选择器之层级选择器
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><title></title><linkrel="stylesheet"href="imooc.css"type="text/css"> 查看详情
jquery选择器之层级选择器
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><title></title><linkrel="stylesheet"href="imooc.css"type="text/css"> 查看详情
jquery选择器之元素选择器
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><title></title><style>div{width:100px;height:90px;float:left;paddin 查看详情
jquery选择器之内容选择器
HTML示例代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title></head><body><!--HTML区域--><h1>第一个标题</h1><divclass="n 查看详情
jquery选择器之全选择器
<html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><title></title><style>div{width:100px;height:90px;float:left;padding:5px;margin:5px;bac 查看详情
jquery选择器之属性筛选选择器
在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的[attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等[attr*="value"]能在网站中帮助我们匹配不同类型的文件<!DOC... 查看详情
jquery选择器之表单元素选择器
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><title></title><linkrel="stylesheet"href="imooc.css"type="text/css"> 查看详情
jquery选择器之获取父级元素同级元素子元素(转载)
一、获取父级元素1、 parent([expr]):获取指定元素的所有父级元素<div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a&n 查看详情
jquery选择器
jQuery选择器之id选择器页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能... 查看详情
深入学习jquery选择器系列第四篇——过滤选择器之属性选择器
×目录[1]简单属性[2]具体属性[3]条件属性前面的话 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素，对应于CSS中的属性选择器。属性过滤选择器可分为简单属性选择器、具体属性选择器和条件属性选择器... 查看详情
jquery选择器之特殊选择器this
相信很多刚接触jQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者下面例子中，imooc是一个对象，拥有name属性与g... 查看详情