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