zoukankan      html  css  js  c++  java
  • jQuery样式操作

    1、attr()方法获取和设置元素的class

      用法: 获取 $("element").attr("class");

      设置 $("element").attr("class", "newClass");

    2、addClass()方法设置元素的class

      用法: $("elemeent").addClass("newClassName");

      二者在设置class的区别是addClass可以追加className而attr()是替换原来的className。

    3、removeClass()方法移除className

      用法: $("element").removeClass(" ");没有参数就是移除所有的,参数可以有1个或多个。

    4、toggleClass() 切换样式

      一般用在通过click事件控制元素切换样式。

    5、.hasClass()判断元素是否含有某个样式,如果有,返回true,否则返回false。

      $("element").hasClass("className");  等价于jQuery另外一种判断方法   $("element").is(".className");

    既然用到了样式操作,那么方便点的直接操作style属性在jQuery中使用.css()

    操作单个css属性写法: $("element").css("name", "value");

    操作多个css属性写法: $("element").css({

      "name1": "value1",

      "name2": "value2"

    });

    注: 这里属性名可以使用"-"符号比如"font-size"或者使用驼峰式写法"fontSize"。

  • 相关阅读:
    1026. 程序运行时间(15)
    C语言字符串/数组去重
    1025. 反转链表 (25)
    1024. 科学计数法 (20)
    1023. 组个最小数 (20)
    1022. D进制的A+B (20)
    1021. 个位数统计 (15)
    1020. 月饼 (25)
    前端001/正则表达式
    SSM001/构建maven多模块项目
  • 原文地址:https://www.cnblogs.com/wanbi/p/4198865.html
Copyright © 2011-2022 走看看