码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-14 18:27:10      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

一、获取页面元素

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

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)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。

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

标签:

原文地址:http://www.cnblogs.com/brolanda/p/4503846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!