jQuery 获取内容

最近学习了获得内容的三个简单实用的方法 

下面分享三个用于 DOM (Document Object Model(文档对象模型)的缩写)操作的 jQuery 方法

  

 $(selector). text() // 设置或返回所选元素的文本内容 
 $(selector). html()  //设置或返回所选元素的内容(包括 HTML 标记) 
 $(selector). val() //设置或返回表单字段的值 

      获取内容实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="./js/jquery-3.1.0.min.js"></script>//引入jQuery文档
    <script>
        $(document).ready(function(){
            $("#btn1").click(function(){
                alert( $("#test").text());//获取文本内容
            });
            $("#btn2").click(function(){
                alert( $("#test").html());//获取元素的内容(包括 HTML 标记)
            });
        });
    </script>
</head>

<body>
<p id="test">来<b>试试</b>看</p>
<button id="btn1">点击弹出文本</button>
<button id="btn2">点击弹出文本及HTML</button>
</body>

</html>

 

 

 

 

 

猜你喜欢

转载自1150404757.iteye.com/blog/2315439
今日推荐