jquery 元素的属性操作

最新推荐文章于 2022-12-10 19:06:32 发布

黄大仙No.1

最新推荐文章于 2022-12-10 19:06:32 发布

阅读量132

点赞数

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

本文链接：https://blog.csdn.net/qq_44378358/article/details/108261577

版权

jQuery 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="js/jquery-3.5.1.min.js"></script>
	</head>
	<body>
		<a href="http://aynuhuangdaxian.xyz" title="黄大仙">黄大仙</a>
		<input type="checkbox" name="" id="" checked>
		<div data-index="1"></div>  <!--自定义属性应当以data-开头-->
		<span>123</span>
		<script>
			$(function () {
			    /*获取固有属性值*/
                console.log($('a').prop('href'));
                $('a').prop('title','huang_da_xian')
				$('input').change(function () {
                    console.log($(this).prop('checked'))
                })
				/*获取自定义属性*/
                console.log($('div').attr('data-index'))
                $('div').attr('index',4)
				/*数据缓存data(),数据存放在缓存里*/
				$('span').data('uName','andy')
                console.log($('span').data('uName'))
				/*不需要写date-,结果是数值型*/
                console.log($('div').data('index'))
            })
		</script>
	</body>
</html>

黄大仙No.1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 元素的属性操作

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.5.1.min.js"></script> </head> <body> <a href="http://aynuhuangdaxian.xyz"
复制链接

扫一扫

专栏目录