`
zhangyaochun
  • 浏览: 2596799 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

判断元素是否含有指定的className-hasClass

阅读更多

api的应用场景是:判断元素是否含有指定的className

 

关于className的资料:http://zhangyaochun.iteye.com/blog/1456976

关于ZYC.dom.g的资料:http://zhangyaochun.iteye.com/blog/1439262

 

 

/*
*hasClass --judge if the element has the class*
*@function*
*@param {HTMLElement} element*
*@param {String} className ----it can split with 空格*
*@return {Boolean}*
**
*/
ZYC.dom.hasClass = function(element,className){
    element = ZYC.dom.g(element);
	var classArray = ZYC.string.trim(className).split(/\s+/),
	    len = classArray.length;
    className = element.className.split(/\s+/).join(" ");
	while(len --){
	   if(!(new RegExp("(^| )" + classArray[len] + "( |\x24)")).test(className)){
            return false;
        }
	}
	return true;
};
 

 

改进的版本

 

   判断element的类型是否含有className

 

 

if(!element || !element.className) return false;
 

 

 

 

 

 

 

 

1
0
分享到:
评论

相关推荐

    Discord-ClassName-Datamine:类似于DJSciasDiscord-Datamining,但用于具有类名的js文件

    Discord-ClassName-Datamine便是这样一款工具,它类似于DJScias的Discord-Datamining项目,专门针对含有类名的JavaScript文件进行数据挖掘,为开发者提供宝贵的洞察。 一、Discord-ClassName-Datamine的由来与目标 ...

    使用jquery判断一个元素是否含有一个指定的类(class)实例

    在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。 2 种方法如下:  1. is(‘.classname’) ...$(‘div’).hasClass(‘redColor’)以下是检测一个元素是否含有一

    react-classname:允许使用指定 className 的纯字符串创建元素

    React类名允许使用指定 className 的纯字符串创建元素目的支持在没有 JSX 的情况下使用 React - 这是一个有趣的库的不幸污点。 使用此模块,您可以非常简洁地呈现只有className结构元素(比 JSX 更是如此)。安装 ...

    react-body-classname, 声明性嵌套状态化同构的body.className.zip

    react-body-classname, 声明性嵌套状态化同构的body.className react-body-classname 提供在 React App 中指定 document.body.className的声明方式。 支持服务器端使用。内置的反应副作用。安装yarn add react-bo

    classname-manipulator:用于构建className的实用程序

    该实用程序旨在与React组件一起使用,并可以帮助您以更简单的方式为组件构建className。 它使用某些属性: className , childName , theme 。 普通示例: 'use strict' ; var cm = require ( 'classname-...

    jQuery完全实例.rar

    如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。 参考 Selectors 获取更多用于 expression 参数的 CSS 语法的信息。 ----------------------------------------------...

    基于原生js实现判断元素是否有指定class名

    总结来说,判断元素是否含有特定class名是前端开发中一项基础且实用的技能,掌握不同的方法可以帮助我们应对不同的浏览器环境和需求场景。通过上述方法的学习和实践,可以有效地提升前端开发的效率和质量。

    jquery 方法收录

    - `.hasClass(className)`:检查元素是否包含指定的类。 - `.addClass(className)`:添加类到匹配的元素。 - `.removeClass([className])`:移除元素的类,可选参数用于指定类名。 ### 4. 内容操作 - `.html...

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料.zip

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料,学习资料 01-getElementById获取元素.html 02-...17-通过className更改元素样式.html 18-仿新浪注册页面.html images 作业-开关灯案例.html

    tomcat server.xml配置说明

    * defaultHost:指定处理客户的默认主机名,在 Engine 元素中的 Host 子元素中必须定义这一主机。 * name:定义 Engine 的名称。 Engine 元素可以包含多个子元素,如 Logger、Realm、Value、Host 等。 Host 元素 -...

    ASP中类Class相关内容的整理资料

    在使用 Class 语句建立了类定义之后,可以用下面的形式创建类的一个实例: Dim X Set X = New classname 由于 VBScript 是一种后期约束型语言,下面的做法是不允许的: Dim X as New classname -或- ...

    如何用js判断dom是否有存在某class的值

    首先,要判断一个DOM元素是否具有特定的class,最简单直接的方法是使用jQuery提供的`.hasClass()`方法。这个方法接受一个class名称作为参数,并返回一个布尔值,表示该元素是否具有这个class。例如,要判断元素是否...

    jQueryAPI大全

    - `$(selector).hasClass(className)`: 检查选定元素是否包含指定类。 - `$(selector).val()`: 获取或设置表单元素的值。 ### 7. 效率优化 - `$(document).delegate(selector, event, handler)`: 使用委托方式绑定...

    struts-config文件标签详解

    ClassName 属性指定了 FormBean 的实现类,name 属性指定了 FormBean 的名称,type 属性指定了 FormBean 的类型。 在 Form-bean 元素中,我们可以使用 Form-property 元素来设置 FormBean 的属性。Form-property ...

    WebAPI编程资料WebAPI 案例 代码 素材 笔记 作业资料.zip

    WebAPI编程资料WebAPI 案例 代码 素材 笔记 作业资料,学习资料,教程 Web APIs-day01 Web APIs-day02 ...17-通过className更改元素样式.html 18-仿新浪注册页面.html images 作业-开关灯案例.html

    JQuery基础知识

    - `$(selector).hasClass(className)`:检查选中元素是否包含指定的类名。 ### 6. 数据操作 jQuery允许我们在元素上存储私有数据: - `$(selector).data(key, value)`:设置或获取与元素关联的数据。 - `$...

    Javascript 检测、添加、移除样式(className)函数代码

    首先,`hasClass`函数通过正则表达式检查元素的`className`属性是否包含指定的样式类。这个函数接受两个参数:`element`,即需要检查的DOM元素;`className`,要检测的样式类名称。它创建了一个正则表达式,该表达式...

    javaScript给元素添加多个class的简单实现.docx

    与添加class类似,删除指定class也需要先判断元素是否包含该class。我们可以基于`hasClass`函数来实现`removeClass`功能: ```javascript function removeClass(element, csName) { if (hasClass(element, csName)...

    原生javascript实现addClass,removeClass,hasClass函数

    在原生JavaScript编程中,操作DOM元素的类(class)是日常开发中频繁进行的操作,这包括添加类(addClass)、删除类(removeClass)以及检查元素是否含有特定的类(hasClass)。虽然在现代Web开发中,经常使用jQuery...

Global site tag (gtag.js) - Google Analytics