zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    BZOJ2303:[APIO2011]方格染色(并查集)
    BZOJ1116:[POI2008]CLO(并查集)
    BZOJ4011:[HNOI2015]落忆枫音(DP,拓扑排序)
    洛谷1387 最大正方形
    洛谷 P1858 多人背包
    vijos 1085 Sunnypig闯三角关
    vijos 1030 重叠的方框
    codevs 1001 舒适的路线 WK
    1266. [NOIP2012] 借教室
    codevs 2370 小机房的树
  • 原文地址:https://www.cnblogs.com/sunxun/p/8835255.html
Copyright © 2011-2022 走看看