<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script src="jquery-1.12.1.js"></script>
<script>
$(function () {
$("#btn").click(function () {
//點擊按鈕,獲取和設(shè)置文本框的value屬性,
// console.log($("#txt").val());
// $("#txt").val("今天天氣一點也不好");
//點擊按鈕設(shè)置單選框的value屬性
//$("#r2").val("哦天啊");
//$("#ck3").val("改了");
//獲取文本域中的value值
//console.log($("#tt2").val());
//console.log($("#tt2").text());
//設(shè)置文本域中的文本內(nèi)容--可以設(shè)置的
//$("#tt2").val("小蘇好猥瑣哦,哈哈");
//textarea推薦使用下面的方式-----jQuery的寫法
//$("#tt2").text("好神奇哦");
//
//為select標簽中value屬性是5的這個option標簽選中
$("#s1").val(5);//選中的意思,
});
});
</script>
</head>
<body>
<input type="button" value="顯示效果" id="btn"/>
<input type="text" value="今天天氣很好" id="txt"/><br/>
<input type="radio" value="1" name="sex"/>男
<input type="radio" value="2" name="sex" id="r2"/>女
<input type="radio" value="3" name="sex"/>保密
<br/>
<input type="checkbox" value="1"/>吃飯
<input type="checkbox" value="2"/>睡覺
<input type="checkbox" value="3" id="ck3"/>打豆豆
<input type="checkbox" value="4"/>打鉛球
<br/>
<textarea name="tt" id="tt2" cols="30" rows="10">
普天之下,莫非王土,大清的江山都是朕的,是不會亡的,溥儀皇帝過了很多年之后,啊!,朕的大清亡了?
</textarea>
<select id="s1">
<option value="1">妲己</option>
<option value="2">王昭君</option>
<option value="3">西施</option>
<option value="4">貂蟬</option>
<option value="5">小喬</option>
<option value="6">大喬</option>
<option value="7">武則天</option>
</select>
</body>
</html>
