jQuery （三）DOM 操作
阿新 • • 發佈：2018-04-14
stat true 對象 ext itl scrip 操作 body head
一般jquery在web項目的只要作用就是取值和賦值了。
下面了入門下，這些值得獲取。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery HTML</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
//################
//輸出text
$("#btn1").click(function(){
alert("text=:"+$("*").text());
;
});
//輸出html
$("#btn2").click(function(){
alert("text=:"+$("#test").html());
});
//輸出val
$("#btn3").click(function(){
alert("text=:"+$("#val").val());
});
//輸出文本框
$("#btn4").click(function(){
alert("text=:"+$("#val2").val());
});
//根據屬性獲取對象的值
$("#btn5").click(function(){
alert("type=:"+$("#val").attr("type"));
});
});
</script>
</head>
<body>
<p id="test">這是段落中的 <b>粗體</b> 文本。</p>
<input type="text" id="val" value="菜鳥">
<textarea id="val2" ></textarea>
<input type="text" id="val" value="菜鳥">
<button id="btn1">顯示文本</button>
<button id="btn2">顯示 HTML</button>
<button id="btn3">顯示 val</button>
<button id="btn4">顯示 文本框的值</button>
<button id="btn5">顯示 屬性的值</button>
</body>
</html>
jQuery （三）DOM 操作