一, 获得内容 - 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>
来源: http://www.bubuko.com/infodetail-2627286.html