做鼠標(biāo)點(diǎn)擊事件更改CSS方法:
我們擁有十余年網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)經(jīng)驗(yàn),從網(wǎng)站策劃到網(wǎng)站制作,我們的網(wǎng)頁設(shè)計(jì)師為您提供的解決方案。為企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、手機(jī)網(wǎng)站制作、H5建站、等業(yè)務(wù)。無論您有什么樣的網(wǎng)站設(shè)計(jì)或者設(shè)計(jì)方案要求,我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計(jì)服務(wù)并滿足您的需求。
若點(diǎn)擊AAA后一直都是none,點(diǎn)任意一個地方都是none.
div class="BBB" style="display: none;"
則把hide,show方法,換成css(),和你上面那樣式放進(jìn)去即可。
層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集)等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。
//1、獲取和設(shè)置樣式
$("#tow").attr("class");//獲取ID為tow的class屬性
$("#two").attr("class","divClass");//設(shè)置Id為two的class屬性。
//2、追加樣式
$("#two").addClass("divClass2");//為ID為two的對象追加樣式divClass2
//3、移除樣式
$("#two").removeClass("divClass");//移除?ID為two的對象的class名為divClass的樣式。
$(#two).removeClass("divClass?divClass2")移除多個樣式。
//4、切換類名
$("#two").toggleClass("anotherClass")?;//重復(fù)切換anotherClass樣式
//5、判斷是否含有某項(xiàng)樣式
$("#two").hasClass("another")==$("#two").is(".another");
//6、獲取css樣式中的樣式
$("div").css("color");//?設(shè)置color屬性值.?$(element).css(style)
//設(shè)置單個樣式
$("div").css("color","red");
//7設(shè)置多個樣式
$("div").css({fontSize:"30px",color:"red"});
$("div").css("height","30px")==$("div").height("30px");
$("div").css("width","30px")==$("div").height("30px");
代碼如下:
!DOCTYPE html
html
head
meta charset="utf-8" /
titleTest/title
script src="" type="text/javascript" charset="utf-8"/script
style
.test1{
color:red !important;
}
/style
/head
body
div class="test1"這是一個測試!/div
br /
br /
button class="test2"change/button
script
$(function() {
$(".test2").off("click").on("click",function(){//點(diǎn)擊按鈕改變字體顏色和大小
$(".test1").css("cssText","color:blue !important;font-size:40px;");
});
});
/script
/body
/html
望采納~!
推薦使用js的經(jīng)典第三方庫jQuery,調(diào)用方便,代碼精簡:jquery中css()方法可以設(shè)置或返回被選元素的一個或多個樣式屬性,下面的例子將返回首個匹配元素的background-color值:$("p").css("background-color")下面的例子將設(shè)置所有匹配到元素的background-color為紅色:$("p").css("background-color","red")
1.設(shè)置樣式
A.單個設(shè)置
如:將所有段落字體設(shè)為紅色
$("p").css("color","red");
B.一次性設(shè)置多個樣式
如:將所有段落的字體顏色設(shè)為紅色并且背景為藍(lán)色。
$("p").css({?color:?"#ff0011",?background:?"blue"?});
2.獲取樣式值
如:取得第一個段落的color樣式屬性的值。
$("p").css("color");
標(biāo)題名稱:jquery更改css樣式,jquery怎么修改css樣式
文章鏈接:http://jinyejixie.com/article22/dsdjicc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、網(wǎng)站維護(hù)、Google、云服務(wù)器、電子商務(wù)、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)