jQuery中的text()、html()和val()

来源：互联网发布：江宁网络问政修文路编辑：程序博客网时间：2024/05/18 14:12

jQuery中设置或者获取所选内容的值：
①text() 设置或者获取所选元素的文本内容；
②html() 设置或者获取所选元素的内容（包括html标记）；

③val() 设置或者获取表单字段的值（前提是表单设置了value属性）；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script><script type="text/javascript">$(document).ready(function() {        $("#btn1").click(function(){alert($("#d").text());});$("#btn2").click(function(){alert($("#d").html());}); });</script></head><body><div id="d">    aaaaaaaaaaaa    <p>        bbbbbbbbbbbbbb        </p>    </div><button id="btn1">按钮1</button>    <button id="btn2">按钮2</button></body></html>

点击按钮1

点击按钮2

1 0