JQuery属性与样式

1、html()
JQuery中读取和修改元素的html或者元素的文本内容是一个很常见的DOM操作，那么我们呢怎样才可以进行这样的操作呢，JQuery针对这样的处理为我们提供了两个方便的方法，分别就是.html()和.text()。
我们先来讲.html()方法吧，获取元素集合中的第一个匹配元素的HTML内容，然后如果你要设置每一个匹配出来元素的HTML内容的话，JQuery提供了具体是由三种方法的：

$("#ceshi").html();
$("#ceshi").html(htmlString);
$("#ceshi").html(function (index, lodhtml) { });

.html() 不传入值，就是获取集合中第一个匹配元素的HTML内容。
.html(htmlString) 设置每一个匹配元素的HTML内容
.html(function(index,oldhtml)) 用来返回设置HTML内容的一个函数

这里大家要注意一下，.html()方法内部使用的是DOM的innerHTML属性来处理的，所以大家在设置与获取上一定需要注意一个问题，这个操作是针对整个HTML的内容，不仅仅是text文本内容。
2、text()
现在我们来讲一下第二个方法，那就是.text()方法，它可以获取到匹配元素集合中的每个元素的文本内容结合，或者是可以设置匹配元素中每个元素的文本内容为指定的文本内容，这里面有三个具体的方法：

$("#ceshi").text();
$("#ceshi").text(textString);
$("#ceshi").text(function (index, text) { });

.text() 得到匹配元素中的每个元素的合并文本，也包括了他们的后代
.text(textString) 用于设置匹配到的元素内容的文本
.text((function(index,text)) 用来返回设置文本中内容的一个函数
这里也要注意一下.text()结果返回一个字符串，包含所有匹配元素的合并文本。
3、.html和.text的异同
再来说一下.html和.text的不一样的地方:
.html与.text的方法操作是一样的，只是在具体针对处理对象不同
.html处理的只是元素内容，text处理的是文本内容
.html只能使用在HTML文档里，.text在XML和HTML文档中都能使用

如果处理的对象只有一个子文本节点，那么HTML处理的结果和TEXT是一样的，因为火狐浏览器它不支持innerText属性，它要是用了类似的textContent属性，那么.text()方法综合了两个属性的支持，所以.text()方法可以兼容所有比较主流的浏览器。