快捷導(dǎo)航

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

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

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

本文實(shí)例講述了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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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