jquery获取标签内容，编辑内容

最新推荐文章于 2025-08-15 09:50:45 发布

weixin_30480075

最新推荐文章于 2025-08-15 09:50:45 发布

阅读量96

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/brolanda/p/4503846.html

本文详细介绍了如何使用jQuery获取网页元素，并通过.html(), .text()和.val()方法进行页面元素的编辑与替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、获取页面元素

三种方式获取页面中元素的内容。

input标签使用：.val()获取

标签下的html及文本内容：.html()

仅获取标签下的纯文本内容：.text()

  <head>
    <script type="text/javascript">
        $(function(){
            console.log($(".1").html());//会获取其中包含html的所有值<p>a</p>
            console.log($(".2").text());//仅获取文本内容，不获取html标签
        });
    </script>
  </head>
  <body>
      <div>
          <ul>
              <li class="1"><p>a</p></li>
              <li class="2"><p>b</p></li>
          </ul>
      </div>
  </body>