JQ 设置属性 attr()

最新推荐文章于 2022-10-18 16:58:26 发布

iteye_17658

最新推荐文章于 2022-10-18 16:58:26 发布

阅读量265

点赞数

分类专栏：境-JS 文章标签： JQ 设置属性 attr()

境-JS 专栏收录该内容

197 篇文章

订阅专栏

本文介绍了一个简单的H5页面示例，该页面包含一个超链接和一个按钮元素。通过jQuery，当点击按钮时，可以动态设置超链接的目标地址和提示信息，并实现跳转功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5模板</title>
</head>
<body>
<a id="link" target="_blank">onestopweb.cn</a>
<button>按钮</button>
<script src="jquery-1.10.1.min.js"></script>
<script>
$(function(){
	$("button").click(function(){
		$("#link").attr({
			"href":"http://www.onestopweb.cn/",
			"title":"一站式网络",
			"target":"_blank"
		});
	});
});
</script>
</body>
</html>

效果图：