首页 > 其他分享 >jquery中的class函数addClass,removeClass,toggle,hasClass

jquery中的class函数addClass,removeClass,toggle,hasClass

时间:2023-03-10 11:36:46浏览次数:40  
标签:jquery 样式 removeClass high1 toggle cr class



全栈工程师开发手册 (作者:栾鹏)

​​jquery系列教程2-style样式操作全解 ​​

jquery通过class函数操作元素样式

jquery的class函数,包括addClass,removeClass,toggle,hasClass,具体功能如代码中注释。

代码如下:

var label_class = $cr.attr("class");                 //获取样式
$cr.attr("class","high"); //设置样式
$cr.addClass("high1"); //追加样式
$cr.removeClass("high1"); //移除样式
$cr.removeClass("high1 high"); //同时移除多个样式
$cr.toggle("high1"); //对样式参数有无进行切换
$cr.hasClass("high1"); //判断是否含有指定样式,实际调用的为is(".high1");


标签:jquery,样式,removeClass,high1,toggle,cr,class
From: https://blog.51cto.com/u_15858929/6112849

相关文章

  • jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、
    ​​​​全栈工程师开发手册(作者:栾鹏)​​jquery系列教程2-DOM操作全解​​jquery创建添加元素jquery支持直接使用h5代码作为参数创建元素,将元素添加到dom树中append、p......
  • jquery中的attr函数attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、r
    ​​​​全栈工程师开发手册(作者:栾鹏)​​jquery系列教程2-style样式操作全解​​jquery通过attr函数操作元素属性jquery的attr函数,包括attr(name)、attr(key,value)、a......
  • jquery子元素过滤选择器:nth-child、:first-child、:last-child、:only-child
    ​​​​全栈工程师开发手册(作者:栾鹏)​​jquery系列教程1-选择器全解​​jquery子元素过滤选择器jquery子元素过滤选择器,包括:nth-child、:first-child、:last-child、:......
  • 比较实用的jQuery代码段
    1.如何检测各种浏览器:(1)navigator.userAgent返回一个浏览器信息字符串。(2)用到indexOf()方法,查找字符串中是否有指定的浏览器类型。if(navigator.userAgent.indexOf("M......
  • typeof运算符及实现jquery中的addClass,removeClass,hasClass
    一、JavaScript有五种基本的数据类型:Undefined、null、String、Number、Boolean,这五种数据类型都可以用typeof来检测1.Undefined类型:已经声明而未赋值的变量的值为”undef......
  • JQuery的ajax函数中error的解析
    error是ajax传入的对象中的函数,表示ajax发送请求后返回的异常信息处理函数。error函数有三个参数:jqXHR、status、errorThrown第一个参数jqXHR是一个XMLHttpRequest对象,该......
  • jQuery实现省级联动效果——源码
    一、效果图二、index.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>jQuery实现省级联动</title></head><body><div><select......
  • jquery元素过滤
    first():返回被选元素的首个元素。$(document).ready(function(){//选取首个<div>元素内部的第一个<p>元素:$("divp").first();});last():返回被选元素的最后......
  • jquery元素遍历
    1、遍历祖先元素:parent():返回被选元素的直接父元素。$(document).ready(function(){$("span").parent();});parents():返回被选元素的所有祖先元素,它一路向上直到文档的......
  • jQuery - AJAX load() 方法
    load()方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);参数说明:必需的URL参数规定您希望加载的URL。可选的data......