jQuery基础教程之DOM操作-HTML&文本&值的操作

今天主要讲解jquery中的三个方法的使用，他们分别是html()、text()、val()。 这三个jquery方法的使用方式一样都有三种，下面请看用法和DEMO。 html() 这个方法根据传入的参数的不同，结果也有很大的区别，具体使用方法有如下三种： .html() 不带参数的用法：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 注意了，是取得匹配元素中的第一个元素的html内容。 .html(htmlString) 设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 注意了:这个用法和前面一个用法刚好相反，一个是取得第一个的html内容，一个是设置每一个元素的html内容 htmlString这个参数用于设定HTML内容的值。 .html(function(index, oldhtml)) 注意，这种用法是从1.4版本才开始加入的。 这种使用方法是将function(index,oldhtml)这个方法返回的值作为HTML内容，为每个匹配的元素设定HTML内容。 其中index参数是当前元素在元素组中的索引，oldhtml是当前元素的之前的HTML内容。这两个参数都是可选的。 text() 这个方法根据传入的参数的不同，结果也有很大的区别，具体使用方法有如下三种： .text() 不带参数的用法：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。匹配元素中的html标签都将被去除，只取其中的纯文本内容 这个方法和html()方法就不一样了。html()是返回第一个匹配元素的html内容。 来看下面的例子： HTML代码: jquery Li item 1 Li item 2 jquery代码: $(".demo").text(); 上面的jquery代码返回的会是这样的：jquery Li item 1 Li item 2 .text(textString) … 继续阅读 →