• jQuery (二)DOM 操作


    一般jquery在web项目的只要作用就是取值和赋值了。

    下面了入门下,这些值得获取。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title>jQuery HTML</title> 
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      //################
      //输出text
      $("#btn1").click(function(){
      alert("text=:"+$("*").text());
        ;
      });
      
        //输出html
      $("#btn2").click(function(){
        alert("text=:"+$("#test").html());
      });
      
          //输出val
      $("#btn3").click(function(){
        alert("text=:"+$("#val").val());
      });
     
           //输出文本框
      $("#btn4").click(function(){
        alert("text=:"+$("#val2").val());
      });
      
        //根据属性获取对象的值
      $("#btn5").click(function(){
        alert("type=:"+$("#val").attr("type"));
      });
    });
    </script>
    </head>
    
    <body>
    <p id="test">这是段落中的 <b>粗体</b> 文本。</p>
     <input type="text" id="val" value="菜鸟">
     <textarea id="val2" ></textarea>
      <input type="text" id="val" value="菜鸟">
    <button id="btn1">显示文本</button>
    <button id="btn2">显示 HTML</button>
    <button id="btn3">显示 val</button>
    <button id="btn4">显示 文本框的值</button>
    <button id="btn5">显示 属性的值</button>
    
    </body>
    </html>
    

      

  • 相关阅读:
    XV Open Cup named after E.V. Pankratiev. GP of Central Europe (AMPPZ-2014)--B.Petrol
    XVI Open Cup named after E.V. Pankratiev. GP of Eurasia
    Petrozavodsk Winter Camp, Warsaw U, 2014, A The Carpet
    训练日志4
    训练日志3
    训练日志2
    多校中期总结
    训练日志
    计算几何学习12 + 组队训练
    计算几何学习11
  • 原文地址:https://www.cnblogs.com/sunxun/p/8835255.html
Copyright © 2020-2023  润新知