• <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • jQuery教程
    jQuery選擇器
    jQuery動畫效果
    jQuery節點操作
    jQuery事件
    jQuery HTML
    jQuery遍歷
    jQuery其他
    jQuery Ajax
    jQuery參考手冊
    jQuery實例
    jQuery插件

    jQuery獲取內容和屬性

     

     

    jQuery 擁有可操作 HTML 元素和屬性的強大方法。

     

     

    jQuery DOM 操作

     

    jQuery 中非常重要的部分,就是操作 DOM 的能力。

     

    jQuery 提供一系列與 DOM 相關的方法,這使訪問和操作元素和屬性變得很容易。

     

    提示:DOM = Document Object Model(文檔對象模型)

     

    DOM 定義訪問 HTML 和 XML 文檔的標準:

     

    "W3C 文檔對象模型獨立于平臺和語言的界面,允許程序和腳本動態訪問和更新文檔的內容、結構以及樣式。"

     

     

    獲得內容 - text()、html() 以及 val()

     

    三個簡單實用的用于 DOM 操作的 jQuery 方法:

     

    • text() - 設置或返回所選元素的文本內容

     

    • html() - 設置或返回所選元素的內容(包括 HTML 標記)

     

    • val() - 設置或返回表單字段的值

     

    下面的例子演示如何通過 jQuery text() 和 html() 方法來獲得內容:

     

    $("#btn1").click(function(){
      alert("Text: " + $("#test").text());
    });
    $("#btn2").click(function(){
      alert("HTML: " + $("#test").html());
    });

     

    下面的例子演示如何通過 jQuery val() 方法獲得輸入字段的值:

     

    $("#btn1").click(function(){
      alert("值為: " + $("#test").val());
    });

     

     

    獲取屬性 - attr()

     

    jQuery attr() 方法用于獲取屬性值。

     

    下面的例子演示如何獲得鏈接中 href 屬性的值:

     

    $("button").click(function(){
      alert($("#bjpowernode").attr("href"));
    });

     

    全部教程
  • <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • 面对面棋牌游戏