jQuery使用CSS()方法給指定元素同時設(shè)置多個樣式
更新時間：2015年03月26日 08:53:46 作者：上大王
這篇文章主要介紹了jQuery使用CSS()方法給指定元素同時設(shè)置多個樣式的方法,實例分析了jQuery中css方法的使用技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了jQuery使用CSS()方法給指定元素同時設(shè)置多個樣式的方法。分享給大家供大家參考。具體如下：
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color":"blue","font-size":"14px"});
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button>Set multiple styles for p</button>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery星星評分制作5顆星星鼠標滑過評分打分效果，可取消評分結(jié)果，重新打分。下面通過代碼給大家講解的非常詳細，需要的的朋友參考下2019-11-11
最近使用ajaxform有點頻繁，今天小編抽時間給大家記錄下有關(guān)jquery中的ajaxSubmit使用講解的知識，非常不錯，感興趣的朋友參考下吧2016-09-09
只需將js引用并設(shè)置下變量就行了，但一直沒搞明白原理，這次弄清了如何傳遞、設(shè)置多個（很多個）參數(shù)，如果你也不明白可以看看2014-10-10
本文主要介紹了Jquery Easyui驗證擴展，Easyui驗證，Easyui校驗，js正則表達式。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要為大家詳細介紹了jQuery圖片加載顯示loading效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
設(shè)置jQueryUI DatePicker默認語言為中文
本文主要介紹jQueryUI DatePicker設(shè)置中文的方法，需要的朋友可以參考下。2016-06-06
從jQuery1.7開始，jQuery引入了全新的事件綁定機制，on()和off()兩個函數(shù)統(tǒng)一處理事件綁定，下面通過示例為大家介紹下2014-07-07
本身不熟悉js略懂JQuery，閑著沒事幫朋友公司一個程序小伙修改了個消息提示框，把修改后的代碼和代價分享一下2011-07-07
JQuery實現(xiàn)點擊div以外的位置隱藏該div窗口
鼠標點擊div外的地方讓div窗口隱藏消失，實現(xiàn)方法有很多，在本文將為大家介紹下jquery中時如何實現(xiàn)的，感興趣的朋友不要錯過了哈2013-09-09
jquery隊列queue與原生模仿其實現(xiàn)方法分享
jquery中的queue和dequeue是一組很有用的方法，他們對于一系列需要按次序運行的函數(shù)特別有用。特別animate動畫，ajax，以及timeout等需要一定時間的函數(shù)2014-03-03