jQuery获得内容和属性

来源:互联网 发布:数据预处理常用函数 编辑:程序博客网 时间:2024/05/16 12:56

这仅仅是自己的学习笔记,只为记录自己的成长。


<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jQuery获得内容和属性</title>    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>      <script>        $(document).ready(function(){            $("#btn1").click(function(){                alert( $("#test").text() );            });            $("#btn2").click(function(){                alert($("#test").html());            });            $("#btn3").click(function(){                alert( $("#text").val() );            });            $("#btn4").click(function(){                alert( $("#baidu").attr("href") )            })        })    </script></head><body>    <p id="test">这是段落中的<b>粗体</b>文本</p>    <input type="text" id="text" value="Hello world" />    <a href="www.baidu.com" id="baidu">百度</a>    <button id="btn1">显示文本</button>    <button id="btn2">显示HTML</button>    <button id="btn3">显示值</button>    <button id="btn4">显示属性</button></body></html>


原创粉丝点击