2016 - 2024

感恩一路有你

js给class添加属性 jQuery给多个不同元素添加class样式的方法?

浏览量:2959 时间:2021-03-17 10:02:15 作者:admin

jQuery给多个不同元素添加class样式的方法?

JQuery可以添加相同的类

<!DOCTYPE HTML>

<html>

<head>

<script通过addclass()方法src=“js/jquery.min.js文件“>

</script>

<script>

$(文档)。就绪(function(){

$(”button“)。单击(function(){

$(”h1,h2,p“)。addClass(”blue“)

(”div“)。addClass(”important“)

})

</script>

<style type=”text/css“>

。重要

{

font-重量:粗体

字体-尺寸:XXL

}

蓝色

{颜色:蓝色

}

</style>

</head>

<body>

<h1>标题1</h1>

<h2>

<p>这是一段。</p>

<p>这是另一段。</p>

<div>这是一些重要的文本!</div>

&Ltbr>

<button>将类添加到元素</button>

</body>

</HTML>

如何用js动态设置class属性?

1。JavaScript允许您更改元素的类或ID。更改后,浏览器将自动更新元素的样式。2注意:Javascript使用classname来访问class属性,因为class是一个保留关键字,因为Javascript将来可能会开始支持Java之类的类。

js给class添加属性 js移除class属性 js删除class

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。