标签：html 返回 字段 ready script 输入 color asc 显示
三个简单实用的用于 DOM 操作的 jQuery 方法：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script type="text/javascript" src="jquery-3.2.1.min.js"></script> 5 <script type="text/javascript"> 6 $(document).ready(function(){ 7 $("#bton1").click(function(){ 8 alert($("p").html()); 9 }); 10 }); 11 </script> 12 </head> 13 14 <body> 15 <p>hhh<br>hh</p> 16 <button id="bton1" type="button">click here</button> 17 </body> 18 </html>
val:
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bton").click(function(){ alert($("#t").val()); }); }) </script> </head> <body> <input id="t" type="text" value="请输入"> <br/> <button type="button" id="bton">click here</button> </body> </html>
显示属性值：attr()
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bton").click(function(){ alert($("#t").attr("id")); }); }) </script> </head> <body> <input id="t" type="text" value="请输入"> <br/> <button type="button" id="bton">click here</button> </body> </html>
我们将使用前一章中的三个相同的方法来设置内容：
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：
标签：html 返回 字段 ready script 输入 color asc 显示
原文地址：http://www.cnblogs.com/abstract-fabulous/p/7197183.html
