jQuery基礎:擷取元素內容

來源:互聯網
上載者:User

標籤:

1、html():返回原始HTML文檔、但是在IE中可能存在相容性,具體如下

  • 原理:使用innerHTML()
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><div id="box"><p class="b2">我是一個p元素</p><span>你好</span></div></body><script src="libs/jquery-1.8.3.min.js"></script><script type="text/javascript">$(function(){var str = $("#box").html();console.log(str);// <p>我是一個p元素</p>// <span>你好</span>//解釋:該方法使用的是JS中的innerHTML()有些瀏覽器返回的結果可能不是原始文檔的 HTML 原始碼。例如,如果屬性值只包含字母數字字元,Internet Explorer有時丟棄包裹屬性值的引號});</script></html>

2、text()得到匹配元素集合中每個元素的合并文本,包括他們的後代

  • .text() 方法不能使用在 input 元素或scripts元素上,input 或 textarea 需要使用 .val() 方法擷取或設定文本值
  • 得到scripts元素的值,使用.html()方法
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body>    <div id="box">        <p class="b2">我是一個p元素</p>        <span>你好</span>    </div></body><script src="libs/jquery-1.8.3.min.js"></script><script type="text/javascript">    $(function(){        var str = $("#box").text();        console.log(str);        // 我是一個p元素        // 你好    });</script></html>

3、val()方法

  • 元素的值是通過 value 屬性設定的。
  • 該方法大多用於 input 元素。

jQuery基礎:擷取元素內容

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.