jQuery 中属性操作

最新推荐文章于 2024-07-30 20:19:19 发布

宇宙奇怪理论

最新推荐文章于 2024-07-30 20:19:19 发布

阅读量80

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/weixin_45946269/article/details/107446125

版权

1、获取id

<body>
	<p id="title">zzu</p>
	<script>
		var id=$("#title").attr("id");//获取id
		console.log(id);
	</script>
</body>

2、removeAttr(name)：删除name属性

<body>
    <a href="http://www.baidu.com" target="_blank">百度</a>
	<script>
		$("a").removeAttr("target");
	</script>
</body>

3、class属性：

addClass()：为匹配元素设置class属性的属性值，多个属性值使用空格间隔

<body>
	<a href="http://www.baidu.com" target="_blank">百度</a>
	<style>
		.background{
			background-color: red;
		}
		.font{
			font-size: 24px;
		}
    </style>
	<script>
		$("a").addClass("background font");
	</script>
</body>

removeClass(）：删除匹配元素class属性的属性值，多个属性值使用空格间隔

<body>
	<a href="http://www.baidu.com" target="_blank" class="background font">百度</a>
	<style>
		.background{
			background-color: red;
		}
		.font{
			font-size: 24px;
		}
	</style>
	<script>
		$("a").removeClass("background font");
	</script>
</body>