JQ是一種常用的JavaScript庫(kù),它可以幫助我們實(shí)現(xiàn)JavaScript的各種功能。其中之一就是設(shè)置行內(nèi)css,接下來(lái)我們就來(lái)學(xué)習(xí)一下如何使用JQ設(shè)置行內(nèi)css。
$(selector).css(property,value);
上面這段代碼是設(shè)置行內(nèi)css的基本語(yǔ)法,其中selector是要設(shè)置的元素,property是要設(shè)置的css屬性,value是屬性值。我們可以將其寫(xiě)成一個(gè)完整的JQ函數(shù)。
$("p").css("color","red");
上面的代碼表示,將所有的“p”標(biāo)簽的字體顏色設(shè)為紅色,這樣所有的段落文字都會(huì)顯示為紅色。
我們也可以設(shè)置多個(gè)屬性的樣式:
$("p").css({ "color": "red", "font-size": "20px", "background-color": "yellow" });
這樣就可以將font-size和background-color的屬性值同樣設(shè)置為20px和yellow。
除此之外,我們也可以獲取已經(jīng)設(shè)置好的行內(nèi)css:
var color = $("p").css("color");
上面的代碼將獲取所有p標(biāo)簽的字體顏色設(shè)置值,并賦值到color變量中。
總的來(lái)說(shuō),使用JQ設(shè)置行內(nèi)css是非常簡(jiǎn)單的,只需要使用.css函數(shù)即可。而且非常靈活,可以一次性設(shè)置多個(gè)屬性的樣式,并且可以獲取已經(jīng)設(shè)置好的css樣式。
下一篇jq給css樣式