jquery css()一次性為多個(gè)元素設(shè)置多個(gè)樣式
本章節(jié)簡(jiǎn)單演示一下，如何使用css()方法一次性為元素設(shè)置多個(gè)樣式屬性。
代碼實(shí)例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("#bt").click(function(){
$("p").css({
"background-color":"#ccc",
"font-size":"14px",
"width":"300px",
"height":"100px"
});
});
});
</script>
</head>
<body>
<p>實(shí)例</p>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>更多相關(guān)內(nèi)容可以參閱jQuery css()一章節(jié)。
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至201542412@QQ.com舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。
相關(guān)推薦
-
防止表單提交按鈕重復(fù)點(diǎn)擊現(xiàn)象代碼實(shí)例
本章節(jié)分享一段代碼實(shí)例，它實(shí)現(xiàn)防止表單重復(fù)提交現(xiàn)象。代碼如下:$(#submit).on(click, function (vnt) { vnt.rvntDfult();
-
jQuery ajax請(qǐng)求代碼實(shí)例分享
關(guān)于jQury的jx請(qǐng)求的具體概念什么的這里就不多介紹了。下面就分享極端關(guān)于應(yīng)用的相關(guān)實(shí)例代碼。代碼實(shí)例一:$.jx(/ROUT, { ty: GT d: {rm1:
-
jquery實(shí)現(xiàn)的通過(guò)左右方向鍵控制翻頁(yè)效果代碼實(shí)例
使用左右方向鍵控制翻頁(yè)效果也算是一種比較人性化的功能。其實(shí)代碼也非常的簡(jiǎn)單，由于這里無(wú)法演示，只給出核心的代碼片段。應(yīng)該沒有什么難度，需要的朋友可以做一下參考。一.jQury代碼如下:$(docum
-
jquery實(shí)現(xiàn)的滑動(dòng)軸效果代碼實(shí)例
本章節(jié)分享一段代碼實(shí)例，它實(shí)現(xiàn)了使用鼠標(biāo)鼠標(biāo)拖動(dòng)元素滑動(dòng)效果。也就是滑動(dòng)軸效果，并且能夠選取數(shù)字，代碼實(shí)例如下:ut
-
js動(dòng)態(tài)創(chuàng)建文本框代碼實(shí)例
本章節(jié)介紹一下如何動(dòng)態(tài)的創(chuàng)建文本框，代碼非常的簡(jiǎn)單。代碼如下: r
帝國(guó)CMS模板博客文章資訊自適應(yīng)手機(jī)HTML5網(wǎng)站SEO優(yōu)化版
2023-12-26 14:39:32
美文句子文章網(wǎng)站模板自適應(yīng)作文百科資訊源碼
2023-12-22 17:46:01
帝國(guó)CMS模板個(gè)人博客美文佳句文章資訊自適應(yīng)手機(jī)網(wǎng)站源碼
2023-12-19 18:01:32
帝國(guó)cms簡(jiǎn)潔兩端資訊文章句子網(wǎng)美文源碼詩(shī)句模板
2023-12-13 10:58:14
帝國(guó)cms大氣簡(jiǎn)潔資訊文章博客源碼電商資訊教程網(wǎng)站模板
2023-11-30 13:56:14
