jQuery内容文本值 (jquery获取输入框中的内容)

1.普通元素内容 html()

获取：

  <div><a href="#">这里是div</a></div>
  <script>
    $(function () {
      console.log($('div').html());
    })
  </script>

 

设置：

  <div><a href="#">这里是div</a></div>
  <script>
    $(function () {
      $('div').html('<h1>这里是div</h1>')
    })
  </script>

 

2.普通元素文本内容 text()

  将第一个获取例子html方法改成text方法：

console.log($('div').text());

 

 可以看到在获取元素内容时，html方法会将所有内容都获取过来，包括其中的html结构，

而text方法会解析其中的html结构，只获取纯文本内容。

将第一个设置例子html方法改成text方法：

 $('div').text('<h1>这里是div</h1>')

 

   可以看到在设置元素内容时，html方法会解析html结构并实现，而text方法会直接将所有内容直接设置成文本内容。

3.表单的值  val()

   我们将input的值获取过来，赋值给h1

  <input type="text"><button>确认</button>
  <h1></h1>
  <script>
    $(function () {
      $('button').click(function () {
        $('h1').text($('input').val())
      })
    })
  </script>