|
|
|
|
示例 2 : 获取元素内容,如果有子元素，保留标签 示例 3 : 获取元素内容,如果有子元素，不包含子元素标签
通过JQuery对象的val()方法获取值
相当于 document.getElementById("input1").value; <script src="https://how2j.cn/study/jquery.min.js"></script>
<script>
$(function(){
$("#b1").click(function(){
alert($("#input1").val());
});
});
</script>
<button id="b1">取值</button>
<br>
<br>
<input type="text" id="input1" value="默认值">
<script src="https://how2j.cn/study/jquery.min.js"></script>
<script>
$(function(){
$("#b1").click(function(){
alert($("#input1").val());
});
});
</script>
<button id="b1">取值</button>
<br>
<br>
<input type="text" id="input1" value="默认值">
通过html() 获取元素内容,如果有子元素，保留标签
<script src="https://how2j.cn/study/jquery.min.js"></script>
<script>
$(function(){
$("#b1").click(function(){
alert($("#d1").html());
});
});
</script>
<button id="b1">获取文本内容</button>
<br>
<br>
<div id="d1">
这是div的内容
<span>这是div里的span
</span>
</div>
通过text() 获取元素内容,如果有子元素，不包含标签
<script src="https://how2j.cn/study/jquery.min.js"></script>
<script>
$(function(){
$("#b1").click(function(){
alert($("#d1").text());
});
});
</script>
<button id="b1">获取文本内容</button>
<br>
<br>
<div id="d1">
这是div的内容
<span>这是div里的span
</span>
</div>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
