jQuery拥有可操作HTML元素和属性的强大方法。
其中非常重要的部分就是操作DOM的能力。
DOM--文档对象模型。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> 6 <script type="text/javascript"> 7 ????$(function(){ 8 ????????$("#btn1").click(function(){ 9 ????????????alert("Text:"+$("#test").text());10 ????????})11 ????????$("#btn2").click(function(){12 ????????????alert("HTML:"+$("#test").html());13 ????????})14 ????????$("#btn3").click(function(){15 ????????????alert("值:"+$("#test2").val());16 ????????})17 ????????$("#btn4").click(function(){18 ????????????alert("href值:"+$("#a1").attr("href"));19 ????????})20 ????})21 </script>22 </head>23 24 <body>25 ????<p id="test">这是段落中的<b>粗体</b>文本。</p>26 ????<p>名称：<input type="text" id="test2" value="你我他学习吧" /></p>27 ????<p><a href="www.nwtxxb.com" id="a1">你我他学习吧</a></p>28 ????<button id="btn4">显示href属性的值</button>29 ????<button id="btn3">显示值value</button>30 ????<button id="btn1">显示文本</button>31 ????<button id="btn2">显示HTML</button>32 </body>33 </html>【学亮IT手记】jQuery DOM操作-获取内容和属性
原文地址：https://www.cnblogs.com/niwotaxuexiba/p/9460591.html