jQuery的html()等方法介绍-优快云博客

本文详细介绍了如何使用jQuery简化HTML元素操作，包括获取和设置input、textarea、select等元素的值，以及div和span元素的赋值和取值方法。同时，讲解了如何利用.attr()方法读取和修改元素属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSSRAIN的链接为：http://www.cssrain.cn/article.asp?id=1176
在jQuery里面对于一些HTML的元素操作都是很简化的，这也是很多人选择使用jQuery的原因。
对于获取某一个元素的值，如input框，我们往往是用$('#test').val();
$('#test')这个我就不多说了，反正就是获取ID为test的这个元素。
$('#test').val()，也就是获取它的值，一般来说，凡是能够用在FORM里的元素，都可以用.val()来进行值的获取，如input,textarea,select等，都可以用.val()来获取它们的当前值
而.val('aa');则是设置该元素的值，$('#test').val('aa')，也就是相当于设置test元素的值为aa。
类似这样的用法还有两种：.html(),.text()，这两种用法往往用在div和span元素上，一般是为这两种元素进行赋值和取值。
.html()替代了以前的 .innerHTML , .html('test') ，则是替代了 .innerHTML = 'test';
这些类似的简化写法让我们在实际的操作中感觉得更加流畅。
这些方法都是直接在方法名里加参数来进行赋值和取值的。还有一些是通过第二个参数进行取值的（说的不太清楚。。。），比如$('#test').attr('name')，那么，返回的值就是它的attribute中的name了，如果$('#test').attr('id','test2'),则是相当于把这个test元素的name设为test2,再进行取值的时候，name就是test2了。

转载于:https://www.cnblogs.com/yuzhongwusan/archive/2009/10/09/1579795.html