zoukankan      html  css  js  c++  java
  • jQuery关于class的操作

    关于对class的操作有增、删、改、查另外还会有一个就是选择性添加删除,也就是如果此标签有此class就删除,若没有此class就添加上去

    1.addClass() 方法向被选元素添加一个或多个类。还可以为方法传入一个函数(当添加的class已经存在的时候就不会重复添加)

    1 $('p').addClass(function(n,o){//第一个参数是标签所在的位置的下标值,从0开始;第二个参数是已存在的class名
    2       return 'par_' + n+o;
    3        console.log(o);//但是这个在控制台上不显示
    4      });
    5  $('p').addClass('a2 a3');//可以为标签添加多个class,只用将多个class用空格隔开就好

     2.removeClass() 方法从被选元素移除一个或多个类。若移除多个类需要用空格隔开每个类。若不传参会移除所有的类。可以传入一个函数,函数的第一个参数是标签所在在位置的下标,第二个参数是已经存在的class名。(当指定要删除的class不存在的时候,此时相当于没有做操作,也就是说此操作不会报错也没对元素的标签起到作用)

    1 $('p').removeClass(function(i,o){//第一个参数是所选元素所在的位置,第二个参数是已经存在的class名
    2       return o;//移除已经存在的class的名称
    3   });
    4     $('p').removeClass();//不传参数将所有class都移除
    5     $('p').removeClass('a2 a3');//移除多个class需要用空格隔开每个class名
    6     });

    3.修改class的方法待定

    4.hasClass()所谓的查也就是说判断某元素是否含有此class的名字

    1 $(selector).hasClass(class)//返回布尔值

    5.toggleClass() 对设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。不过,通过使用 "switch" 参数,您能够规定只删除或只添加类。

    1 $('p').toggleClass("main",true);//只是添加不删除
    2 $('p').toggleClass("main",false);//只删除不添加
    3 $('p').toggleClass("main");//切换添加可以添加过个class,需要将多个class用空格隔开

     总结:此文只是罗列了jQuery操作class的理论知识,由于本人能力有限,暂时没有实例提供,盼有人为此理论添加实例,或者后续经过学习,添加操作class的实例

     

     

     

    一生的日子很长,一定要注意调节,要劳逸结合
  • 相关阅读:
    放一个Dynamicinputs corresponding to Dynamicknobs的Node源码
    NDK学习笔记(四):OutputContext机制
    NDK学习笔记(三):DynamicKnobs的机制
    OpenEXR的采样机制
    OpenEXR的读取机制
    OpenEXR的输出机制
    虚拟机中安装centOS及破解nuke的方法
    OpenEXR-2.2.0在Win7 x64系统下的安装方法
    NDK学习笔记(二)
    NDK学习笔记(Add.cpp注释)(一)
  • 原文地址:https://www.cnblogs.com/weikemudan/p/10183981.html
Copyright © 2011-2022 走看看