jQuery捕获

jQuery - 获取内容和属性

jQuery 中非常重要的部分，就是操作 DOM 的能力。
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
下面就用例子来说明一下：

text() - 设置或返回所选元素的文本内容

<p id="text">这是段落中的 <b>粗体</b> 文本。</p>
<button id="btn1">显示文本</button><br>

$(document).ready(function(){
             $('#btn1').click(function(){
             	alert('TEXT:' + $('#text').text());
             });

当点击button按钮的时候，会弹出

html() - 设置或返回所选元素的内容（包括 HTML 标记）

<p id="text">这是段落中的 <b>粗体</b> 文本。</p>
<button id="btn2">显示HTML</button><br>

$(document).ready(function(){
             $('#btn2').click(function(){
             	alert("HTML:" + $("#text").html());
             });

当点击button按钮的时候，会弹出

val() - 设置或返回表单字段的值

<input type="text" value="demo" id="myVal">
<button id="btn3">显示VAL</button>

$(document).ready(function(){
            $("#btn3").click(function(){
             	alert('VAL:' + $('#myVal').val());
             });

当点击button按钮的时候，会弹出

获取属性 - attr()

<a href="https://www.baidu.com/" id="myhref">百度一下</a>
	<button id="btn4">显示href</button>
	
	(document).ready(function(){
	$('#btn4').click(function(){
             	alert('href:' + $('#myhref').attr('href'))
             })
		})

当点击button按钮的时候，会弹出