获取内容、设置内容、设置属性
2019-10-30 本文已影响0人
ljwheyxy
设置属性、获取内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
<script type="text/javascript">
$(document).ready(function() {
$("#btn1").click(function() {
alert("值为: " + $("#test1").text());
});
$("#btn2").click(function() {
alert("值为: " + $("#test1").html());
});
$("#btn3").click(function() {
alert("值为: " + $("#test2").val());
});
$("#btn4").click(function() {
alert("值为:" + $("#test3").attr("href"));
});
});
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text("this is paragraph 1");
});
$("#btn2").click(function(){
$("#test2").html("<b>this is paragraph 2</b>");
});
$("#btn3").click(function(){
$("#test3").val("this is text");
});
$("#btn4").click(function(){
$("font").attr("color","aqua");
});
});
</script>
设置属性
$("font").attr("color","aqua");