一般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>
原文地址：https://www.cnblogs.com/sunxun/p/8835255.html
时间： 2024-11-16 05:12:20