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

一、获取页面元素

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

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>

二、编辑页面元素　　

 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

posted @ 2015-05-14 17:18  brightshi  阅读(2707)  评论(0)  编辑  收藏  举报