zoukankan      html  css  js  c++  java
  • jquery 学习之二 属性<类>

    addClass(class)

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

    返回值

    jQuery

    参数

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

    示例

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

    HTML 代码:

    <p>Hello</p>

    jQuery 代码:

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

    结果:

    [ <p class="selected">Hello</p> ]

    为匹配的元素加上 selected highlight 类

    HTML 代码:

    <p>Hello</p>

    jQuery 代码:

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

    结果:

    [ <p class="selected highlight">Hello</p> ]
    ------------------------------------------------------------------------------------------------------------------------------

    removeClass(class)

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

    返回值

    jQuery

    参数

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

    示例

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

    HTML 代码:

    <p class="selected first">Hello</p>

    jQuery 代码:

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

    结果:

    [ <p>Hello</p> ]

    删除匹配元素的所有类

    HTML 代码:

    <p class="selected first">Hello</p>

    jQuery 代码:

    $("p").removeClass();

    结果:

    [ <p>Hello</p> ]
    ------------------------------------------------------------------------------------------------------------------------------

    toggleClass(class)

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

    返回值

    jQuery

    参数

    class (String) :CSS类名

    示例

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

    HTML 代码:

    <p>Hello</p><p class="selected">Hello Again</p>

    jQuery 代码:

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

    结果:

    [ <p class="selected">Hello</p>, <p>Hello Again</p> ]
  • 相关阅读:
    零散的学习总结
    JSON学习整理
    轮播图
    关于new Object的小结
    js函数声明和函数表达式的区别
    float小结
    DOM文档加载步骤
    css主要的浏览器兼容性问题
    js for循环小记
    CANVAS中的lineWidth小计
  • 原文地址:https://www.cnblogs.com/EWall/p/1885328.html
Copyright © 2011-2022 走看看