.toggleClass()

<script type="text/javascript">

    //第二个参数判断样式类是否应该被添加或删除

    //true，那么这个样式类将被添加;

    //false，那么这个样式类将被移除

    //所有的奇数tr元素，应该都保留class="c"样式

    $("#table tr:even").toggleClass("c", true); //这个操作没有变化，因为样式已经是存在的

    </script>

.toggleClass()

1. 通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加

2. toggleClass会保留原有的Class名后新增，通过空格隔开

.val()无参数，获取匹配的元素集合中第一个元素的当前值

.text()无参数，获取匹配的元素集合当前值

如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值

<select id="single">

        <option>慕课网</option>

        <option>博客园</option>

    </select>

<select id="multiple" multiple="multiple">

       <option selected="selected">imocc</option>

        <option>慕课网</option>

        <option selected="selected">博客</option>

    </select>

nth:child(n),

.addClass()

添加css 名字

例子:

<style>

.test{color:red}

<style>

<div>11</div>

$("div").addClass("test")

.val()方法

1. .val()无参数，获取匹配的元素集合中第一个元素的当前值

2. .val( value )，设置匹配的元素集合中每个元素的值

3. .val( function ) ，一个用来返回设置值的函数

html()和text()

区别:html()传递html页面的包括元素和文字

        text()传递的是字符串 （传递文字）

eq()

eq()从零开始

例如：eq(0) 

<tr>

<td><td>0

<td><td>1

<td><td>2

<tr>

attr() 

添加属性和属性的值

<input value='1' name='kg' type='text'>

例如: $("input:first").attr('属性','属性的值')

removeAttr()

删除属性和属性的值

<td><td>

attr()有4个表达式

1. attr(传入属性名)：获取属性的值

2. attr(属性名, 属性值)：设置属性的值

3. attr(属性名,函数值)：设置属性的函数值

4. attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }

removeAttr()删除方法

.removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）

优点：

attr、removeAttr都是jQuery为了属性操作封装的，直接在一个 jQuery 对象上调用该方法，很容易对属性进行操作，也不需要去特意的理解浏览器的属性名不同的问题

注意的问题：

dom中有个概念的区分：Attribute和Property翻译出来都是“属性”，《js高级程序设计》书中翻译为“特性”和“属性”。简单理解，Attribute就是dom节点自带的属性

例如：html中常用的id、class、title、align等：

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

而Property是这个DOM元素作为对象，其附加的内容，例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等

获取Attribute就需要用attr，获取Property就需要用prop

jQuery选择器之表单对象属性筛选选择器

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

表单筛选选择器的描述：

注意事项：

1. 选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器

2. 在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素

jQuery选择器之表单元素选择器

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

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

注意事项：

除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如 $(':password') == $('[type=password]')

jQuery选择器之子元素筛选选择器

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

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

注意事项：

1. :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)

2. :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素

3. 如果子元素只有一个的话，:first-child与:last-child是同一个

4.  :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配

5. jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的

6. nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算

jQuery选择器之属性筛选选择器

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

描述如下：

浏览器支持：

• [att=val]、[att]、[att|=val]、[att~=val]  属于CSS 2.1规范

• [ns|attr]、[att^=val]、[att*=val]、[att$=val] 属于CSS3规范

• [name!="value"]  属于jQuery 扩展的选择器

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

在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的

[attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件

:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1)