addClass方法(从jquery中抠出来)

<div id="d3" class="ghy"></div>
 1 var addClass = function(elem,value){
 2     var core_rspace = /\s+/,
 3         classNames = value.split(core_rspace),
 4         setClass;
 5
 6     if (!value || typeof value !== "string") return;
 7     if (elem.nodeType !== 1) return;
 8
 9     if (!elem.className && classNames.length === 1){
10         elem.className = value;
11     }else{
12         setClass = " " + elem.className + " ";
13
14         for (var i = 0; i < classNames.length; i++){
15             if (setClass.indexOf(" " + classNames[ i ] + " ") < 0)
16                 setClass += classNames[ i ] + " ";
17         }
18         elem.className = trim(setClass);
19     }
20
21     function trim(text){
22         var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
23             core_trim = String.prototype.trim;
24
25         if(core_trim && !core_trim.call("\uFEFF\xA0")){
26             return text == null ?
27                 "" :
28                 core_trim.call(text);
29         }else{
30             return text == null ?
31                 "" :
32                 (text + "").replace(rtrim, "");
33         }
34     };
35 };
36
37 var dom = document.getElementById(‘d3‘);
38 addClass(dom,‘cur ghy‘);
时间: 2024-08-14 05:37:52

addClass方法(从jquery中抠出来)的相关文章

addClass, removeClass, toggleClass(从jquery中抠出来)

<div id="d3" class="cur"></div> 1 var mylibs = (function(){ 2 var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, 3 core_trim = String.prototype.trim, 4 core_rspace = /\s+/, 5 rclass = /[\t\r\n]/g; 6 7 var trim = function(tex

canvas中的getContext(&quot;2d&quot;)方法在jQuery中的使用中遇到的小问题解决办法

最近在学习HTML5的canvas,在练习过程中我突发奇想,既然原生的js可以完成画图,那么使用jQuery是否一样可以完成画图呢?然后我就开始动手进行试验,但是 var cxt=$("#clock").getContext("2d"); 这一行代码并没有发挥作用,然后我就逛了查阅了一些资料并且逛了一些博客论坛,最终解决了这个问题.只需要改成下面这个样子就好了: var cxt=$("#clock").get(0).getContext(&quo

jquery中attr方法和prop方法的区别

关于checked的属性,最重要的概念就是你要记住,它跟checked的状态值是毫无关系的,设置checked = "checked"或者checked = "true"等属性设置,和它的状态值true/false是无关的.,而这里的属性值,事实上只是和defaultChecked的状态值有关,并且只能用来设置checkbox的初始的值.checked的属性值并不会随着checkbox的的状态变化而变化,可是checkbox的状态值却会.因此,为了能更好的跨浏览器的

锋利的jQuery读书笔记---jQuery中Ajax--load方法

第一个Ajax例子 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="Ajax提交" onclick="Ajax();&qu

jQuery中的事件与动画 (你的明天Via Via)

众所周知,页面在加载时,会触发load事件:当用户单击某个按钮时,会触发该按钮的click事件. 这些事件就像日常生活中,人们按下开关,灯就亮了(或者灭了),往游戏机里投入游戏币就可以启动游戏一样, 通过种种事件实现各项功能或执行某项操作.事件在元素对象与功能代码中起着重要的桥梁作用. 在jQuery中,事件总体分为两大类:简单事件和复合事件. jQuery中的简单事件,与JavaScript中的事件几乎一样,都含有window事件.鼠标事件.键盘事件.表单事件等, 只是其对应的方法名称有略微不

JQuery中DOM事件合成用法

jQuery有两个合成事件——hover()方法和toggle()方法 类似前面讲过的ready()方法,hover()方法和toggle()方法都属于jQuery自定义的方法. hover()方法: hover()方法的语法结构为:hover(enter,leave); hover()方法用于模拟光标悬停事件.当光标移动到元素上时,会触发指定的第1个函数(enter);当光标移出这个元素时,会触发指定的第2个函数(leave). 代码为: $(function(){ $("#panel h5.

jQuery中的事件

1:加载dom     在页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件. 在常规的 JavaScript 代码中,     通常使用 window.onload 方法, 在 jQuery 中使用$(document).ready() 方法.     $(document).ready(function(){});缩写$(function(){}); 2: 事件绑定:对匹配的元素进行特定的事件绑定: bind() 3:合成事件:         hover():

深入理解ajax系列第九篇——jQuery中的ajax

前面的话 jQuery提供了一些日常开发中需要的快捷操作,例如load.ajax.get和post等,使用jQuery开发ajax将变得极其简单.这样开发人员就可以将程序开发集中在业务和用户体验上,而不需要理会那么繁琐的XMLHTTPRequest对象.jQuery对ajax操作进行了封装,在jQuery中$.ajax()属性最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法.下面将详细介绍jQuery中的aj

一步一步学习 JQuery (七) JQuery 中的事件处理

一.加载 DOM  在页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件. 在常规的 JavaScript 代码中, 通常使用 window.onload 方法, 在 jQuery 中使用$(document).ready() 方法. <span style="font-size:14px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://w