this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。

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

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

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

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) 的区别前者是从前往后计算，后者从后往前计算

$("div[name]") 含有name属性的
$("div[name='test']") name为test的
$("div[name~='test']") name有空格且有test的
$("div[name!='test']") name不为test的
$("div[name*='test']") name包含test的
$("div[name^='test']") name开头为test的
$("div[name$='test']") name结尾为test的
$("div[id][name^='test']") 有id属性且name开头为test的

1. CSS display的值是none。

2. type="hidden"的表单元素。

3. 宽度和高度都显式设置为0。

4. 一个祖先元素是隐藏的，该元素是不会在页面上显示

以上可适用于$(':hidden')

1. :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素

2. 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。

3. :parent与:empty是相反的，两者所涉及的子元素，包括文本节点

jQuery.html() 方法

语法

jQueryObject.html( [ htmlString ] )

定义和用法

html()函数用于设置或返回当前jQuery对象所匹配的DOM元素内的html内容。

该函数的用途相当于设置或获取DOM元素的innerHTML属性值。

该函数属于jQuery对象(实例)。

参数与返回值说明:

1,  html()函数只有一个参数,而且参数可选.它是字符串类型或函数类型,用于设置html内容。

2, 如果参数不是字符串或函数类型，则会被转换为字符串类型( toString() )。如果参数为null或undefined，则将其转为空字符串("")。

3,如果省略参数，则表示获取第一个匹配元素的html内容；html()的返回值是字符串类型。

4, 如果参数是字符串，则用来设置所有匹配元素的html内容,会替换掉原内容。html("字符串")的返回值是当前jQuery对象本身.

5, 参数还可以是个函数,一个用来返回设置值的函数.作用是可以保留原html内容,而不必被新内容替换掉..

6,如果参数是个函数,.html(function(index, oldhtml){return 字符串})会为此函数传入两个参数：

   第一个参数就是该元素在匹配元素的集合中的索引，

    第二个参数就是该元素当前的html内容。

    此函数的返回值就是设置值(需要为该元素设置的html内容)

jQuery 文档操作 - text() 方法

语法

$(selector).text(textString)

定义和用法

设置或返回被选元素的文本内容

参数与返回值说明:

.text()结果返回一个字符串，

1,如果省略参数,返回值是一个字符串,字符串的内容是所有匹配元素的合并文本(包括后代元素内容),并且文本内容删除 HTML 标记(有标记也不叫作文本,叫节点或元素).

2, 如果有参数,则重写匹配元素的文本内容.参数规定被选元素的新文本内容.它会覆盖被选元素的所有内容。

注意：特殊字符会被编码。

3,如果参数是函数,可以设置保留原文本内容,而不会被新内容替换掉。如:return text+"我是新文本";

使用函数设置文本内容

语法

$(selector).text(function(index,oldcontent))

oldcontent

此函数的返回值是需要为该元素设置的文本内容

.html与.text的异同:

1. .html处理的是元素内容，.text处理的是文本内容

2. .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用

1. 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的

$(':Lt()') 不是it而是lt

$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 

$("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 

$("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 

$("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器

jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点

1. 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。

jQuery中用attr()方法来获取和设置元素的属性.

attr()有4个表达式

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

1, $(选择器).attr(规定要获取其值的属性) //返回被选元素的属性值. 

2, $(选择器).attr(规定属性的名称,规定属性的值) //设置被选元素的属性和属性值。

使用函数来设置属性/值

设置被选元素的属性和值。

语法

$(selector).attr(attribute,function(index,oldvalue))

例如：

这里$('input')选中了多个input，后面的function(i,val)中的 i 就是input的下标，val就是指对应 i 下标的元素的value值。

设置多个属性/值对

为被选元素设置一个以上的属性和值。

语法

$(selector).attr({attribute:value, attribute:value ...})

注意: 使用大括号{}括起来属性/值对

removeAttr()删除方法

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

注意的问题：

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

this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者

同样的在DOM中this就是指向了这个html元素对象，因为this就是DOM元素本身的一个引用

this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。

.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则
如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式