JQuery获取元素的值与属性

来源：互联网发布：国服英雄联盟mac版编辑：程序博客网时间：2024/04/28 15:05

四个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置/返回所选元素的文本内容；

html() - 设置/返回所选元素的内容（包括 HTML 标记）；

val() - 设置/返回表单元素的value值；

attr()- 设置/返回元素的某一属性值。

返回例子：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#button1").click(function(){
alert("Text: " + $("#test").text());
});
$("#button2").click(function(){
alert("Html: " + $("#test").html());
});
$("#button3").click(function(){
alert("Value: " + $("#input").val());
});
$("#button4").click(function(){
alert("Value: " + $("#test").attr("id"));
});
});
</script>
</head>

<body>
<p id="test" class="class">请输入你的<b style="color:red">名字</b>：
<input type="text" id="input" value="Michael">
</p>
<button id="button1">显示文本</button>
<button id="button2">显示 HTML</button>
<button id="button3">显示Value</button>
<button id="button4">显示id属性的值</button>
</body>

</html>

若要设置则在括号内写入相应的即可。

0 0