jQuery设置和修改HTML

1.DOM操作
获得内容
text()–设置或返回所选元素的文本内容
html()–设置或返回所选内容的内容
val()–设置或返回表单字段的值

$(document).ready(function(){
   
  $("#btn1").click(function(){
   
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
   
    alert("HTML: " + $("#test").html());
  });
});

<script>
$(document).ready(function(){
    
  $("button").click(function(){
    
    alert("Value: " + $("#test").val());
  });
});
</script>
<p>姓名：<input type="text" id="test" value="米老鼠"></p>
<button>显示值</button>

获取属性
jQuery attr()方法用于获取属性值

<p><a href="http://www.baidu.com" id="baidu">百度</a></p>
<button>显示网址</button>
<script>
 $("documnet").ready(