jQuery使用addClass()方法給元素添加多個class樣式
  更新時間:2015年03月26日 11:38:14   作者:上大王   
                        這篇文章主要介紹了jQuery使用addClass()方法給元素添加多個class樣式的方法,實例分析了addClass方法的使用技巧及添加多個樣式的實現(xiàn)方法,需要的朋友可以參考下
                        本文實例講述了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程序設計有所幫助。
                                您可能感興趣的文章:
                        - 使用JS實現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能
 - jQuery中addClass()方法用法實例
 - Jquery.addClass始終無效原因分析
 - jQuery源碼解讀之addClass()方法分析
 - jQuery中removeClass()方法用法實例
 - jQuery使用removeClass方法刪除元素指定Class的方法
 - jQuery源碼解讀之removeClass()方法分析
 - jQuery中toggleClass()方法用法實例
 - jQuery使用toggleClass方法動態(tài)添加刪除Class樣式的方法
 - 用jQuery toggleClass 實現(xiàn)鼠標移上變色
 - JQuery使用屬性addClass、removeClass和toggleClass實現(xiàn)增加和刪除類操作示例
 
相關文章
 div拖拽插件——JQ.MoveBox.js(自制JQ插件)
以前用原生的JS做過類似拖拽div的效果,現(xiàn)在按原思路改做成一個JQ的小插件,當作制作JQ插件的一個小練習,感興趣的朋友可以了解下哈2013-05-05
 jQuery Ztree行政地區(qū)樹狀展示(點擊加載)
這篇文章主要為大家詳細介紹了Ztree行政地區(qū)樹狀展示,點擊加載數(shù)據(jù),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11
 使用jquery讀取html5 localstorage的值的方法
在HTML 5中,localstorage是個不錯的東西,在支持localstorage的瀏覽器中, 能持久化用戶表單的輸入,即使關掉瀏覽器,下次重新打開瀏覽器訪問,也能讀出其值,很不錯的一個東西,接下來實例介紹,需要的朋友可以參考下2013-01-01
 jQuery基于ajax實現(xiàn)帶動畫效果無刷新柱狀圖投票代碼
這篇文章主要介紹了jQuery基于ajax實現(xiàn)帶動畫效果無刷新柱狀圖投票代碼,通過使用jquery動態(tài)操作頁面元素樣式屬性實現(xiàn)柱狀圖投票效果,非常具有實用價值,需要的朋友可以參考下2015-08-08
 S2SH整合JQuery+Ajax實現(xiàn)登錄驗證功能實現(xiàn)代碼
登錄驗證,在項目開發(fā)中很常用的,尤其是這一塊非常有利于用戶體驗,感興趣的朋友可以參考下,或許對你學習登陸驗證有所幫助,好了閑話不多說了,看代碼2013-01-01

