$(".more_button").toggle(
鄒城ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來市場(chǎng)廣闊!成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
function(){
$(".more_button").css("background","red");},
function(){
$(".more_button").css("background","blue");}
);
推薦使用js的經(jīng)典第三方庫(kù)jQuery,調(diào)用方便,代碼精簡(jiǎn):jquery中css()方法可以設(shè)置或返回被選元素的一個(gè)或多個(gè)樣式屬性,下面的例子將返回首個(gè)匹配元素的background-color值:$("p").css("background-color")下面的例子將設(shè)置所有匹配到元素的background-color為紅色:$("p").css("background-color","red")
首先我們看一下css偽元素是什么:
CSS 偽元素用于向某些選擇器設(shè)置特殊效果。
偽元素有哪些:
:first-line 偽元素:"first-line" 偽元素用于向文本的首行設(shè)置特殊樣式。
:first-letter 偽元素:"first-letter" 偽元素用于向文本的首字母設(shè)置特殊樣式。
:before 偽元素:":before" 偽元素可以在元素的內(nèi)容前面插入新內(nèi)容。
:after 偽元素:":after" 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容。
偽元素例子:
.flow_ball1:after {
content: "";
position: absolute;
top: 50%;
margin-top: -1px;
left: 100%;
margin-left: 0.133333rem;
width: 1.786667rem;
height: 2px;
background-color: #ff6600;
border-radius: 0.053333rem;
在名為flow_ball1的class標(biāo)簽后面添加一道橘色橫線(類似于流程圖那種)
那么,問題來了,怎么用jquery改變偽元素的樣式呢?
答案在這里:
$('.flow_ball1').append("style#fafang::after{display:none}/style");
JQ為CSS添加樣式,可以使用jQuery CSS 操作 的css() 方法
定義和用法
css() 方法返回或設(shè)置匹配的元素的一個(gè)或多個(gè)樣式屬性。
設(shè)置 CSS 屬性
設(shè)置所有匹配元素的指定 CSS 屬性。
$(selector).css(name,value)
實(shí)例
/*將所有段落的顏色設(shè)為紅色:*/
$("p").css("color","red");
設(shè)置多個(gè) CSS 屬性/值對(duì)
$(selector).css({property:value,?property:value,?...})
把“名/值對(duì)”對(duì)象設(shè)置為所有匹配元素的樣式屬性。
這是一種在所有匹配的元素上設(shè)置大量樣式屬性的最佳方式。
實(shí)例
實(shí)例
$("p").css({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
});
也可以通過Jquery 屬性操作的removeClass、addClass方法移除元素類名或者添加元素類名的方式達(dá)到修改元素樣式的效果。詳細(xì)內(nèi)容可以百度“jQuery 參考手冊(cè) - 屬性操作”