Rumah > hujung hadapan web > tutorial js > jquery 学习之二 属性(类)_jquery

jquery 学习之二 属性(类)_jquery

WBOY
Lepaskan: 2016-05-16 18:15:33
asal
1183 orang telah melayarinya

addClass(class)

为每个匹配的元素添加指定的类名。

返回值

jQuery

参数

class (String) : 一个或多个要添加到元素中的CSS类名,请用空格分开

示例

为匹配的元素加上 'selected' 类

HTML 代码:

Hello

jQuery 代码:

$("p").addClass("selected");

结果:

[

Hello

]

为匹配的元素加上 selected highlight 类

HTML 代码:

Hello

jQuery 代码:

$("p").addClass("selected highlight");

结果:

[

Hello

]
------------------------------------------------------------------------------------------------------------------------------

removeClass(class)

从所有匹配的元素中删除全部或者指定的类。

返回值

jQuery

参数

class (String) : (可选) 一个或多个要删除的CSS类名,请用空格分开

示例

从匹配的元素中删除 'selected' 类

HTML 代码:

Hello

jQuery 代码:

$("p").removeClass("selected");

结果:

[

Hello

]

删除匹配元素的所有类

HTML 代码:

Hello

jQuery 代码:

$("p").removeClass();

结果:

[

Hello

]
------------------------------------------------------------------------------------------------------------------------------

toggleClass(class)

如果存在(不存在)就删除(添加)一个类。

返回值

jQuery

参数

class (String) :CSS类名

示例

为匹配的元素切换 'selected' 类

HTML 代码:

Hello

Hello Again

jQuery 代码:

$("p").toggleClass("selected");

结果:

[

Hello

,

Hello Again

]
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan