- 浏览: 2621304 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
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;
发表评论
-
scrollIntolView
2014-03-14 08:47 1090scrollIntoView: 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
如何获取表格的所有行
2013-07-26 20:23 1452一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1248getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1473前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1177contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1474在IE中,鼠标移入移出某元素,触发: ... -
hasParent的设计
2013-05-03 18:07 1322场景: 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1635mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1531getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2434场景: 在IE9下,在 ... -
DOM initEvent
2013-03-27 16:18 1748本文来自w3school:http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1273前言: 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1497replaceChild() ... -
removeNode
2013-03-15 12:53 1313removeNode // ... -
document.activeElement
2013-01-22 09:57 6018document.activeElement ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2855很多时候我们会给某个dom元素赋予一些自定义的属 ... -
dom的createTextNode
2012-12-14 16:35 1303createTextNode ----- 创建文本节 ... -
原生DOM获取元素相关的api
2012-12-10 14:19 1599整理一下底层获取元素相关的方法: getE ...
相关推荐
Discord-ClassName-Datamine便是这样一款工具,它类似于DJScias的Discord-Datamining项目,专门针对含有类名的JavaScript文件进行数据挖掘,为开发者提供宝贵的洞察。 一、Discord-ClassName-Datamine的由来与目标 ...
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。 2 种方法如下: 1. is(‘.classname’) ...$(‘div’).hasClass(‘redColor’)以下是检测一个元素是否含有一
React类名允许使用指定 className 的纯字符串创建元素目的支持在没有 JSX 的情况下使用 React - 这是一个有趣的库的不幸污点。 使用此模块,您可以非常简洁地呈现只有className结构元素(比 JSX 更是如此)。安装 ...
react-body-classname, 声明性嵌套状态化同构的body.className react-body-classname 提供在 React App 中指定 document.body.className的声明方式。 支持服务器端使用。内置的反应副作用。安装yarn add react-bo
该实用程序旨在与React组件一起使用,并可以帮助您以更简单的方式为组件构建className。 它使用某些属性: className , childName , theme 。 普通示例: 'use strict' ; var cm = require ( 'classname-...
如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。 参考 Selectors 获取更多用于 expression 参数的 CSS 语法的信息。 ----------------------------------------------...
总结来说,判断元素是否含有特定class名是前端开发中一项基础且实用的技能,掌握不同的方法可以帮助我们应对不同的浏览器环境和需求场景。通过上述方法的学习和实践,可以有效地提升前端开发的效率和质量。
- `.hasClass(className)`:检查元素是否包含指定的类。 - `.addClass(className)`:添加类到匹配的元素。 - `.removeClass([className])`:移除元素的类,可选参数用于指定类名。 ### 4. 内容操作 - `.html...
jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料,学习资料 01-getElementById获取元素.html 02-...17-通过className更改元素样式.html 18-仿新浪注册页面.html images 作业-开关灯案例.html
* defaultHost:指定处理客户的默认主机名,在 Engine 元素中的 Host 子元素中必须定义这一主机。 * name:定义 Engine 的名称。 Engine 元素可以包含多个子元素,如 Logger、Realm、Value、Host 等。 Host 元素 -...
在使用 Class 语句建立了类定义之后,可以用下面的形式创建类的一个实例: Dim X Set X = New classname 由于 VBScript 是一种后期约束型语言,下面的做法是不允许的: Dim X as New classname -或- ...
首先,要判断一个DOM元素是否具有特定的class,最简单直接的方法是使用jQuery提供的`.hasClass()`方法。这个方法接受一个class名称作为参数,并返回一个布尔值,表示该元素是否具有这个class。例如,要判断元素是否...
- `$(selector).hasClass(className)`: 检查选定元素是否包含指定类。 - `$(selector).val()`: 获取或设置表单元素的值。 ### 7. 效率优化 - `$(document).delegate(selector, event, handler)`: 使用委托方式绑定...
ClassName 属性指定了 FormBean 的实现类,name 属性指定了 FormBean 的名称,type 属性指定了 FormBean 的类型。 在 Form-bean 元素中,我们可以使用 Form-property 元素来设置 FormBean 的属性。Form-property ...
WebAPI编程资料WebAPI 案例 代码 素材 笔记 作业资料,学习资料,教程 Web APIs-day01 Web APIs-day02 ...17-通过className更改元素样式.html 18-仿新浪注册页面.html images 作业-开关灯案例.html
- `$(selector).hasClass(className)`:检查选中元素是否包含指定的类名。 ### 6. 数据操作 jQuery允许我们在元素上存储私有数据: - `$(selector).data(key, value)`:设置或获取与元素关联的数据。 - `$...
首先,`hasClass`函数通过正则表达式检查元素的`className`属性是否包含指定的样式类。这个函数接受两个参数:`element`,即需要检查的DOM元素;`className`,要检测的样式类名称。它创建了一个正则表达式,该表达式...
与添加class类似,删除指定class也需要先判断元素是否包含该class。我们可以基于`hasClass`函数来实现`removeClass`功能: ```javascript function removeClass(element, csName) { if (hasClass(element, csName)...
在原生JavaScript编程中,操作DOM元素的类(class)是日常开发中频繁进行的操作,这包括添加类(addClass)、删除类(removeClass)以及检查元素是否含有特定的类(hasClass)。虽然在现代Web开发中,经常使用jQuery...