jQuery使用addClass()方法給元素添加多個class樣式

更新時間：2015年03月26日 11:38:14 作者：上大王

這篇文章主要介紹了jQuery使用addClass()方法給元素添加多個class樣式的方法,實例分析了addClass方法的使用技巧及添加多個樣式的實現方法,需要的朋友可以參考下

本文實例講述了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程序設計有所幫助。

您可能感興趣的文章:

EasyUI中的dataGrid的行內編輯
這篇文章主要介紹了EasyUI中的dataGrid的行內編輯的實現代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2017-06-06
基于jquery的滾動新聞列表
在網上看到許多的jquery插件實現滾動新聞，特別是新聞顯示在div里面的，比較了一番發(fā)現這款jquery.vticker-min.js還是挺不錯的，于是就將它集成到我的畢業(yè)設計里面。
2010-06-06
jquery鼠標停止移動事件
這篇文章主要介紹了jquery鼠標停止移動事件，有需要的朋友可以參考一下
2013-12-12
jQuery自定義組件(導入組件)
這篇文章主要介紹了jQuery自定義導入組件的相關資料,包括組件js，組件css及組件引用的內容，非常不錯具有參考借鑒價值，需要的朋友可以參考下
2016-11-11
jQuery實現長按按鈕觸發(fā)事件的方法
這篇文章主要介紹了jQuery實現長按按鈕觸發(fā)事件的方法,可應用于手機端應用程序的開發(fā)中,非常具有實用價值,需要的朋友可以參考下
2015-02-02
Jquery在IE7下無法使用 $.ajax解決方法
今天在做系統(tǒng)測試的時候，原本用Jquery寫了一個動態(tài)加載的樹形菜單，發(fā)現在IE7下無法加載數據，(采用的是jquery1.3.2版本的$.ajax方法)，上網查詢到原來是IE7的執(zhí)行ajax是用XMLHTTPRequest來聲明的，經過對比果然如此；后采用以下的方法隨即解決了問題。
2009-11-11
jQuery常用事件方法mouseenter+mouseleave+hover
這篇文章主要介紹了jQuery常用事件方法mouseenter、mouseleave和hover方法，下文內容介紹詳細，需要的小伙伴可以參考一下
2022-03-03
Jquery元素追加和刪除的實現方法
下面小編就為大家?guī)硪黄狫query元素追加和刪除的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
JQuery和HTML5 Canvas實現彈幕效果
這篇文章主要介紹了JQuery和HTML5 Canvas兩種方法實現彈幕效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery :first選擇器使用介紹
:first：獲取第一個元素，在一些特殊情況下還是蠻實用的，下面為大家詳細介紹下:first的具體使用，感興趣的朋友可以參考下
2013-08-08