jquery获取元素内容

1、jquery 在获取元素内容的时候，.text()和.html（）都可以获取到元素的内容，但是这两者到底有什么区别呢？

下面让我们来看一个例子：

<p id='text'>今天天气不错哈！</p>
<button id="btn">点我</button> 

js部分

$('#btn').click(function(){
alert('text:'+$('#text').text());
alert('text:'+$('#text').html());/两种写法都可以/
 })



如果我再p标签里添加一个标签：
<p id="text">今天天气不错！<a>a标签</a></p>
<button id="btn">点我</button>

使用text()方法：



<script>
    $('#btn').click(function(){
        alert('text：'+$('#text').html());
    })
</script>

结果：text:今天天气不错！<a>a标签</a>



使用html()方法：
<script>
    $('#btn').click(function(){
        alert('text：'+$('#text').text());
    })
</script>
结果: text:今天天气不错！a标签


现在结果就很明显了：text()只显示元素内的所有文本，不显示标签符号；而html()则是显示该元素内所有的html元素；
2、jquery获取input输入框的值：$（‘元素’）.val()
<p><input type="text" id="put" value="please enter content"></p>

<script>
    $('#btn').click(function(){
        alert('value：'+$('#put').val());
    })
</script>

3、获取元素属性：$().attr(' ');

<a href="https://123.sogou.com/" id="adr">搜狗浏览器</a>

 $('#btn').click(function(){
        alert('value：'+$('#adr').attr('href'));
    })
也可以获取其他属性值，例如id等。。