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>
    

      

  • 相关阅读:
    jQuery的选择器
    01-jQuery的介绍
    client、offset、scroll系列
    BOM
    定时器
    js中的面向对象
    javascript小练手
    DOM介绍
    关于DOM的事件操作
    伪数组 arguments
  • 原文地址:https://www.cnblogs.com/sunxun/p/8835255.html
Copyright © 2011-2022 走看看