jquery获取

最新推荐文章于 2023-02-23 19:17:46 发布

jony0303

最新推荐文章于 2023-02-23 19:17:46 发布

阅读量265

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/zjhwqx/article/details/52606175

版权

jquery 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("Text:"+$("#test").text());
});
$("#btn2").click(function(){
alert("HTML:"+$("#test").html());
});
$("#button1").click(function(){
alert("Value:"+$("#test1").val());
});
$("#button2").click(function(){
alert("URL地址:"+$("#w3s").attr("href"));
});
});
</script>
</head>
<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示 HTML</button>
<button id="button1">显示值</button>
<button id="button2">显示URL</button>
<br/><br />
<p><input type="text" id="test1" value="jony"></p>
<p><a href="http://www.baidu.com" id="w3s">百度</a></p>
</body>
</html>