属性选择器让你可以基于属性来定位一个元素。可以只指定该元素的某个属性，这样所有使用该属性而不管它的值，这个元素都将被定位，也可以更加明确并定位在这些属性上使用特定值的元素，这就是属性选择器展示它们的威力的地方。

描述如下：

浏览器支持：

[att=val][ns|attr][name!="value"]

CSS选择器无论CSS2.1版本还是CSS3版本，IE7和IE8都支持，webkit、Gecko核心及Opera也都支持，只有IE6以下浏览器才不支持

在这么多属性选择器中

[attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等

[attr*="value"]能在网站中帮助我们匹配不同类型的文件

15.子元素筛选选择器

子元素筛选选择器不常使用，其筛选规则比起其它的选择器稍微要复杂点

子元素筛选选择器描述表：

注意事项：

:first:last 如果子元素只有一个的话，:only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuerynth-child(n) 16.表单元素选择器

无论是提交还是传递数据，表单元素在动态交互页面的作用是非常重要的。jQuery中专门加入了表单选择器，从而能够极其方便地获取到某个类型的表单元素

表单选择器的具体方法描述：

注意事项：

除了

17.表单对象属性筛选选择器

除了表单元素选择器外，表单对象属性筛选选择器也是专门针对表单元素的选择器，可以附加在其他选择器的后面，主要功能是对所选择的表单元素进行筛选

表单筛选选择器的描述：

注意事项：

选择器适用于复选框和单选框，对于下拉框元素在某些浏览器中，选择器18.特殊选择器this

相信很多刚接触

this

下面例子中，

var imooc = {

name:"哈哈",

getName:function(){

//this,就是imooc对象

return this.name;

}

}

imooc.getName(); //慕课网

当然在

同样的在

假如给页面一个

p.addEventListener('click',function(){

//this === p

//以下两者的修改都是等价的

this.style.color = "red";

p.style.color = "red";

},false);

通过

this.style.color = "red"

但是这样的操作其实还是很不方便的，这里面就要涉及一大堆的样式兼容，如果通过

换成jQuery的做法：

$('p').click(function(){

//把p元素转化成jQuery的对象

var $this= $(this)

$this.css('color','red')

})

通过把

总体：

this

$(this),

19. .attr()与.removeAttr()

每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在

操作特性的

jQuery

attr()

attr(attr(attr(attr(attributes)

removeAttr()删除方法

.removeAttr( attributeName ) :

优点：

attr

注意的问题：

dom“。简单理解，

例如：

<div title="慕课网"></div>

而

获取

20.html()及.text()

读取、修改元素的

.html()方法

获取集合中第一个匹配元素的

.html() .html( htmlString ) .html( function(index, oldhtml) )

注意事项：

.htm()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容）

.text()方法

得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。，具体有3种用法：

.text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数

注意事项：

.text()结果返回一个字符串，包含所有匹配元素的合并文本

.html

.html.html.html如果处理的对象只有一个子文本节点，那么火狐不支持21. .val()

jQuery

.val()方法

.val()无参数，获取匹配的元素集合中第一个元素的当前值 .val( value )，设置匹配的元素集合中每个元素的值 .val( function ) ，一个用来返回设置值的函数

注意事项：

通过.val()方法多用来设置表单的字段的值 如果

.html(),.text()

.html(),.text(),.val().html(htmlString),.text(textString).html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。 22.增加样式.addClass()

通过动态改变类名（