jq基础2——取值、取文本

今天药忘吃喽~ 2022-10-01 06:43 198阅读 0赞 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>jquery</title>
  6. </head>
  7. <body>
  8.     <script src="jquery.min.js"></script>
  9.     <script type="text/javascript">
  10.         $(function(){ 
  11.             $("#b1").click(function(){ 
  12.                 alert($("#input1").val());//取值
  13.             });
  14.             $("#b2").click(function(){ 
  15.                 alert($("#div1").html());//取文本内容，有子元素保留标签
  16.             });
  17.             $("#b3").click(function(){ 
  18.                 alert($("#div1").text());//获取文本内容，有子元素不保留标签
  19.             });
  20.         });
  21.     </script>
  22.     <br>
  23.     <input type="text" name="input1" id="input1" value="默认值">
  24.     <br>
  25.     <button id="b1">取值</button>    
  26.     <br>
  27.     <br>
  28.     <button id="b2">获取文本内容</button>
  29.     <br>
  30.     <div id="div1">这是div的内容<span>这是span</span></div>    
  31.     <br>
  32.     <button id="b3">获取文本内容</button>
  33. </body>
  34. </html>

发表评论

表情：
评论列表 （有 0 条评论，198人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JQ基础事件

    最近终于学到了事件，也是最常用到的地方，李炎恢老师详细的介绍了各种方法，我也是把李炎恢老师所讲的总结一下 学过JS肯定知道DOM2级的绑定事件方法addEventListen

    旧城等待，旧城等待，/ 0 赞/ 276 阅读