2016 - 2024

感恩一路有你

jquery修改style属性 jQuery给多个不同元素添加class样式的方法?

浏览量:1614 时间:2021-03-16 05:22:17 作者:admin

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

jQuery可以通过addClass()方法给多个不同的html元素同时添加相同的class

<!DOCTYPE html>

<html>

<head>

<script src="https://img.kmw.comjs/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("button").click(function(){

$("h1,h2,p").addClass("blue")

$("div").addClass("important")

})

})

</script>

<style type="text/css">

.important

{

font-weight:bold

font-size:xx-large

}

.blue

{

color:blue

}

</style>

</head>

<body>

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<div>This is some important text!</div>

<br>

<button>Add classes to elements</button>

</body>

</html>

jquery修改style属性 jquery修改css样式属性 jquery动态修改css样式

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