一、获得内容-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>