JQuery JQuery 中的CSS 方法

2021-09-08 19:24:45 字數 3756 閱讀 4745

jquery:css()方法

jquery css()方法:css()方法設定或返回被選元素的乙個或多個樣式屬性。

1、返回 css 屬性

如需返回指定的 css 屬性的值,請使用如下語法:

css("propertyname");

下面的例子將返回首個匹配元素的 background-color 值:

例項:$("p").css("background-color");

**如下:

doctype html

>

<

html

lang

="zh-cn"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>jquery的使用!!!

title

>

<

script

src="jquery-3.1.0.js"

>

script

>

<

script

>

$(document).ready(

function

());

});script

>

head

>

<

body

>

<

h2>這是乙個標題

h2>

<

p style

="background-color:#ff0000"

>這是乙個段落。

p>

<

p style

="background-color:#00ff00"

>這是乙個段落。

p>

<

p style

="background-color:#0000ff"

>這是乙個段落。

p>

<

button

>返回p元素的background-color

2、設定 css 屬性

如需設定指定的 css 屬性,請使用如下語法:

css("propertyname","value");

下面的例子將為所有匹配元素設定 background-color 值:

例項:$("h2").css("background-color","yellow");

**如下:

doctype html

>

<

html

lang

="zh-cn"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>jquery的使用!!!

title

>

<

script

src="jquery-3.1.0.js"

>

script

>

<

script

>

$(document).ready(

function

());

});script

>

head

>

<

body

>

<

h2>這是乙個標題

h2>

<

p style

="background-color:#ff0000"

>這是乙個段落。

p>

<

p style

="background-color:#00ff00"

>這是乙個段落。

p>

<

p style

="background-color:#0000ff"

>這是乙個段落。

p>

<

button

>設定h2元素的background-color

3、設定多個 css 屬性

如需設定多個 css 屬性,請使用如下語法:

css();

下面的例子將為所有匹配元素設定 background-color 和 font-size:

例項:$("h2").css();

**如下:

doctype html

>

<

html

lang

="zh-cn"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>jquery的使用!!!

title

>

<

script

src="jquery-3.1.0.js"

>

script

>

<

script

>

$(document).ready(

function

());

});});

script

>

head

>

<

body

>

<

h2>這是乙個標題

h2>

<

p style

="background-color:#ff0000"

>這是乙個段落。

p>

<

p style

="background-color:#00ff00"

>這是乙個段落。

p>

<

p style

="background-color:#0000ff"

>這是乙個段落。

p>

<

button

>設定h2元素的多個css屬性

《鋒利的jQuery》 jQuery基本選擇器

jquery選擇器分為基本選擇器 層次選擇器 過濾選擇器和表單選擇器。新建乙個擁有多個div的html文件,id為one,class為one的div class為mini id為two,class為one,title為test的div.class為mini,title為other class為min...

C 中的long與C 中的long

微軟很厲害,c 是非常優秀的計算機語言,c 比c 還厲害,c c 本身不就包含四個 號嗎?而微軟發明了c c 中的long比c 中的long要long兩倍!不信你看 我正在使用.net寫乙個預約排隊的程式,因為一前通過vc編寫了乙個用於顯示登記資訊的控制項,現在使用c 重新預約程式,則必然要呼叫vc...

c中的const與c 中的const

c中的const是乙個偽唯讀識別符號。include include int main 此時輸出a的值為20,被指標間接的改變了。c 中,const進行了增強,不在是乙個偽識別符號了。const int a 10 int p int a p 20 cout a p endl cout a endl ...