信鸽网

jQuery使用addClass()方法给元素添加多个class样式

  作者：bea

本文实例讲述了jQuery使用addClass()方法给元素添加多个class样式的方法。分享给大家供大家参考。具体如下： jQuery通过addClass()方法给元素添加多个class，只需要在添加的class中用空格分开多个class既可 <!DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$(do

本文实例讲述了jQuery使用addClass()方法给元素添加多个class样式的方法。分享给大家供大家参考。具体如下：


jQuery通过addClass()方法给元素添加多个class，只需要在添加的class中用空格分开多个class既可




<!DOCTYPE html>

<html>

<head>

<script src="js/jquery.min.js">

</script>

<script>

$(document).ready(function(){

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

  $("#div1").addClass("important blue");

 });

});

</script>

<style type="text/css">

.important

{

font-weight:bold;

font-size:xx-large;

}

.blue

{

color:blue;

}

</style>

</head>

<body>

<div id="div1">This is some text.</div>

<div id="div2">This is some text.</div>

<br>

<button>Add classes to first div element</button>

</body>

</html>


希望本文所述对大家的jQuery程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: