源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery 学习之二 属性(类)

  • 时间:2022-04-19 16:54 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery 学习之二 属性(类)

addClass(class)

为每个匹配的元素添加指定的类名。
[h1]返回值[/h1] jQuery [h1]参数[/h1] [b]class [/b](String) : 一个或多个要添加到元素中的CSS类名,请用空格分开 [h1]示例[/h1] 为匹配的元素加上 'selected' 类 [b]HTML 代码:[/b]
<p>Hello</p>
[b]jQuery 代码:[/b]
$("p").addClass("selected");
[b]结果:[/b]
[ <p class="selected">Hello</p> ]
为匹配的元素加上 selected highlight 类 [b]HTML 代码:[/b]
<p>Hello</p>
[b]jQuery 代码:[/b]
$("p").addClass("selected highlight");
[b]结果:[/b]
[ <p class="selected highlight">Hello</p> ]
------------------------------------------------------------------------------------------------------------------------------

removeClass(class)

从所有匹配的元素中删除全部或者指定的类。
[h1]返回值[/h1] jQuery [h1]参数[/h1] [b]class [/b](String) : (可选) 一个或多个要删除的CSS类名,请用空格分开 [h1]示例[/h1] 从匹配的元素中删除 'selected' 类 [b]HTML 代码:[/b]
<p class="selected first">Hello</p>
[b]jQuery 代码:[/b]
$("p").removeClass("selected");
[b]结果:[/b]
[ <p>Hello</p> ]
删除匹配元素的所有类 [b]HTML 代码:[/b]
<p class="selected first">Hello</p>
[b]jQuery 代码:[/b]
$("p").removeClass();
[b]结果:[/b]
[ <p>Hello</p> ]
------------------------------------------------------------------------------------------------------------------------------

toggleClass(class)

如果存在(不存在)就删除(添加)一个类。
[h1]返回值[/h1] jQuery [h1]参数[/h1] [b]class [/b](String) :CSS类名 [h1]示例[/h1] 为匹配的元素切换 'selected' 类 [b]HTML 代码:[/b]
<p>Hello</p><p class="selected">Hello Again</p>
[b]jQuery 代码:[/b]
$("p").toggleClass("selected");
[b]结果:[/b]
[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部