htmlCSSjavascript-10jquery-操作元素（属性CSS和文档处理）
Posted I我的博客I
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了htmlCSSjavascript-10jquery-操作元素（属性CSS和文档处理）相关的知识，希望对你有一定的参考价值。
一、获得内容-text、html、val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容（包括 HTML 标记）
- val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
下面的例子演示如何通过 jQuery val() 方法获得输入字段的值：
$("#btn1").click(function(){
alert("值为: " + $("#test").val());
});
下面的例子是修改text的值，将选择的对象全部进行修改
<body>
<div>aaaa</div>
<div>aaaa</div>
<div>aaaa</div>
<input type="button" value="点我" onclick="Func();">
<script src="jquery.js"></script>
<script>
function Func() {
$("div").text("hello world!")
}
</script>
</body>
以上是关于htmlCSSjavascript-10jquery-操作元素（属性CSS和文档处理）的主要内容，如果未能解决你的问题，请参考以下文章