这里有三个用于DOM操作的jquery的方法:
.text()用于返回所选元素的文本内容。
.html() 用于返回所选元素的内容,这里包括HTML标记。
.val() 用于返回表单字段的值。
eg:
alert("html:"+$(#test").html());
获取属性:.attr()方法。
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("#csdn").attr("href"));
});
});
</script>
</head>
<body>
<p><a href="http://www.csdn.com.cn" id="csdn">csdn.com.cn</a></p>
<button>显示 href 值</button>
</body>
</html>
设置内容
实例
$("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("#test2").html("<b>Hello world!</b>"); }); $("#btn3").click(function(){ $("#test3").val("Dolly Duck"); });
实际上可以利用这个来改变内容或者添加内容。
设置属性
$("button").click(function(){ $("#w3s").attr("href","http://www.CSDN.com.cn/jquery"); });