addClass 函数

javascript: function addClass(id,new_class){ var i,n=0; new_class=new_class.split(","); for(i=0;i<new_class.length;i++){ if((" "+document.getElementById(id).className+" ").indexOf(" "+new_class[i]+" ")=…

jquery函数

1.ready函数当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件. $(document).ready(function (){alert('111'); 一般写成$(function(){ }) 2.hide函数隐藏 $('p').hide(); 隐藏所有的p标签相当于向css中写display:none; 3.show函数显示 $('p').show();显示p标签相当于向css中写display:block; 4.map函数 …

一些常用的JS函数

//获取元素属性 function getStyle(obj, attr) { return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, 0)[attr]; } //运动函数 function doMove(obj, attr, speed, target, endFn) { clearInterval(obj.timer); speed = parseInt(getStyle(obj, attr)) < t…

jQuery的一些基本的函数和用jQuery做一些动画操作

jQuery是对js的封装,因为js有一些不方便的地方.所以,jQuery才会去对js进行封装. jQuery对于标签元素的获取 $('div')或$('li') <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隔行换色</title> </head> <body> <ul&…

DOM Scripting -- Web Design with JavaScript and the Document Object Model 第2版读书笔记

1. childNodes nodeValue <p id="p1">hello p!</p> alert(document.getElementById("p1").childNodes[0].nodeValue); 2. firstChild lastChild childNodes[0] 等价于 firstChild (node.childNodes[0] == node.firstChild) node.childNodes[n…

《JavaScript DOM编程艺术（第二版）》读书总结

这本书是一本很基础的书,但对于刚入前端不久的我来说是一本不错的书,收获还是很大的,对一些基础的东西理解得更加透彻了. 1.DOM即document object model的缩写,文档对象模型,JavaScript做的就是对DOM的操作,或者说对节点(node)的操作. 2.js中DOM.this这是都是对象,有属性有方法. 3.document对象有body属性,所以可以直接写成document.body,无需再获取body元素(document.getElementsByTagName("b…

《JavaScript_DOM编程艺术第二版（中文）》整书笔记

目录第3章:DOM 第4章:案例研究第5章:最佳实践第6章:案例改进第7章:动态创建标记第8章:充实文档的内容第9章:CSS-DOM 第3章:DOM 文档:DOM中的"D" 当创建了一个网页并把它加载到Web浏览器中时,DOM就产生了,它把你编写的网页文档转换为一个文档对象. 对象:DOM中的"O" JavaScript语言里的对象可以分为三种类型: 用户自定义对象:由程序员自行创建的对象内建对象:内建在JavaScript语言里的对象,如 Array…

学习zepto.js(对象方法)[1]

zepto也是使用的链式操作,链式操作:函数返回调用函数的对象. 但并不是所有的对象方法都可以进行链式操作,举几个例子:.size(),.html()|.text()//不传参数的情况下; 若非特殊说明,下边介绍的方法都会返回zepto对象; add(): 支持一到二个参数,第一个为选择器,与$()的规则相同,甚至是,第一个参数传进去一个function,它也会正确执行(后果自负- -),所以说,正确的使用方式是传入选择器,dom对象,或者一段html,这都是可以的,如果有多个,请用数组括起来,…

[转]AngularJS: 使用Scope时的6个陷阱

在使用AngularJS中的scope时,会有6个主要陷阱.如果你理解AngularJS背后的概念的话,这6个点其实非常的简单.但是在具体讲述这6个陷阱之前我们先要讲两个其它的概念. 概念1: 双向数据绑定双向数据绑定是AngularJS中非常重要的一个部分.一般的绑定对于我们来说已经非常熟悉了.即使你没有听说过双向数据绑定,你一定使用过它. 普通的绑定一般是用来数据数据的,它实际上是模板引擎的一个基本概念: Hello {{username}} 如果将变量username设置为John Do…

一款超好用轻量级JS框架——Zepto.js(下)

前言絮叨絮叨前面和大家分享了Zepto的原型方法,相信大家也对这个框架有了一定的了解,那么今天再和大家分享一下它的对象方法吧! 1add() 支持一到二个参数,第一个为选择器,与$()的差不多,甚至是,第一个参数传进去一个function,它也会正确执行(但是出现什么bug的话,后果自负哟~~),所以说,正确的使用方式是传入选择器,dom对象,或者一段html,这都是可以的,如果有多个的话,那就用用数组括起来, var temp = $(["li","span…

JQuery和原生JavaScript实现网页定位导航特效

慕课网的一个小课程,练习了一遍,不足之处,欢迎指正(照片在本地,大家可以着重看代码哈): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>爱淘气购物网-JQuery网页定位导航特效</title> <style> /*All tag*/ html, body, div, ul, li, img…

【Asp.net入门3-02】使用jQuery-jQuery 入门

下面的几小节将介绍jQuery的基础知识.如前所述,不可能仅仅通过一章的内容详细介绍jQuery, 但可以向你说明如何对HTML文档中的内容执行简单的操作,以及更重要的,如何逐步实现本书其他部分的示例. jQuery功能通过一个名为jQuery的JavaScript函数访问,但在实际应用中很少看到该jQuery函数. 这是因为该函数有一个简写的名称,即美元符号($).当看到以$开头的JavaScript代码时,即表示jQuery 代码. 等待DOM 在浏览器中处理HTML文档的内容时,需要确保…

jqu

1 /*2 * 说明:3 * 本源代码的中文注释乃Auscarlin呕心沥血所作.旨在促进jQuery的传播以及向广大jQuery爱好者提供一个进阶4 *的途径,以让各位更加深入地了解jQuery,学习其中有用的技术,从而为振兴中华JS出一份绵薄之力...(说大了...)5 *6 *本文件保留了jQuery代码原来的英文注释,个别语句我在其旁列出了尝试性的翻译(并标明这是翻译).水平有限希望读者能斟酌.7 *另外,本中文注释不是简单将原文翻译(jQuery作者那少得可怜的注释根本不足以让我们读通…

深入了解jQuery之链式结构

本文是在阅读了Aaron艾伦的jQuery源码解析(地址:http://www.imooc.com/learn/172)后的个人体会以及笔记.在这里感谢艾伦老师深入浅出的讲解!! 1 什么是链式? 先来段代码: $('#level > a').click(function(){ $(this).addClass('current').next().show().parent().siblings().children('a').removeClass('current').next().hide…

CSS-DOM的小知识(一)

在DOM编程艺术中,CSS-DOM应用很广泛. 1.style属性通过element.style.property可以获得元素的样式,但是style属性只能够返回内嵌样式,对于外部样式表的样式和head中的style样式都无法获取,这就限制了此方法的使用. 输出: 若更改样式,则如下: 输出: 但是实际中,可以使用style方法设置样式,这种方法的用处还是很大. element.style.property = value; 输出: 2.className属性这种属性之前一直忽略了,最近发现…

JS的3种核心设计模式

一.单例模式 1.保证一个类仅有一个实例,并提供一个访问它的全局访问点 2.设计思路:如果存在,不创建,直接返回,不存在才创建. 在类的constructor方法里添加一个判断条件属性,并且让创建的实例赋给这个属性.判断该属性,没有则创建,有则返回该属性. 实际开发中,单例模式下最有用的是惰性单例. 3.惰性单例指的是在需要的时候才创建对象实例. 应用场景:当我们单击登录按钮的时候,页面中会出现一个登录浮窗,而这个登录浮窗是唯一的,无论单击多少次登录按钮,这个浮窗都只会被创建一次,那么这个登录浮…

读js DOM编程艺术总结

第一章主要介绍一些历史性问题,javascript是Netcape和sun公司合作开发的. 第二章JavaScript语法: 1,数据类型:(弱类型)字符串,数值,布尔值(只有true和false,不是字符串)数组,对象 2,函数: 3,对象:(属性和方法),包括内建对象,自定义对象还有浏览器提供的预定义的宿主对象(Form,Image,Element) 第三章DOM: 1,D(document)O(object)M(model)文档对象模型 2,节点分为,元素节点,文本节点,属性节点. 3,获…

addClass的用法和is函数的用法

<html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".box1").to…

addClass和removeClass函数

巧用javascript对象属性，向事件绑定的匿名函数内传递循环控制变量的值

遇到一个需要向匿名函数传递循环控制变量的问题,我受到园子里这篇文章的启发[笔记]js获取当前点击元素的索引,解决了这个问题.现在把代码贴出来,以防止自己忘记. if ($('#labModal').length > 0) { var screenWidth = window.screen.width; var equipList = document.getElementsByClassName('equip-item'); for (i = 0; i < equipList.length;…

JQuery常用函数及功能小结

1.文档加载完成执行函数$(document).ready(function(){ alert("开始了");});2.添加/删除CSS类$("#some-id").addClass("NewClassName");$("#some-id").removeClass("ClassNameToBeRemoved");3.选择符利用了CSS和Xpath(XML Path Language)选择符的能力,以及…

jQuery中10个非常有用的遍历函数

使用jQuery,可以很容易的选择HTML元素.但有些时候,在HTML结构较为复杂时,提炼我们选择的元素就是一件麻烦的事情.在这篇教程中,我们将探讨十种方法去精炼和扩展我们将要操作的集合. HTML 首先,让我们看看下图所示的简单的页面,通过这个教程我们将选择这些元素. div.container是包裹元素: div.photo.div.title.div.rating是div.container的直接子级: 每个div.star是div.rating的子级: 当div.satr的class…

我的js函数库（持续更新）

常用js初始化函数 function id(obj) { return document.getElementById(obj); } function bind(obj, ev, fn) { if (obj.addEventListener) { obj.addEventListener(ev, fn, false); } else { obj.attachEvent('on' + ev, function() { fn.call(obj); }); } } function view() {…

通用js函数集锦<来源于网络/自己> 【一】

通用js函数集锦<来源于网络/自己>[一] 1.返回一个全地址2.cookie3.验证用户浏览器是否是微信浏览器4.验证用户浏览器是否是微博内置浏览器5.query string6.验证用户设备来源7.JS验证邮件地址是否合法8.JS获取字符串长度(区分中英文) 中文算2个字,英文一个9.检查手机号码是否合法10.验身份证号码是否正确11.删除cookie12.数组是否包函字符串元素13.后退14.向上滚动到指定位置15.判断是否为身份证16.判断是否为2~15字姓名17.修复IE中 inpu…

封装一些常用的js工具函数-不定时更新（希望大家积极留言，反馈bug^_^）

/*华丽----------------------------------------------------------------------------------------------------------------------------------分割线*///获取元素样式// 获取的是计算机计算后的样式// 单一样式不能拿来判断// 复合样式的获取有兼容性问题// 可以使用如backgroundColor的属性// 不要有空格// 不要获取为设置的样式:不兼容// func…

JS函数无响应

自己定义了一个函数,比如说叫 addClass(),当按钮单击的时候响应在添加了一些第三方Open JS API后就没反应了原因分析:在代码没变动的情况下,很有可能是自己定义的函数名和第三方的冲突了,导致没反应了(比如百度商桥和百度统计里面就有一个addClass方法) 解决方法:先把第三方的JS API全部注释掉,看看有没有用.如果有用了就是名字冲突了,否则就是代码有问题…

jQuery常用方法和函数

jQuery 事件 bind() 方法:被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数 $(selector).bind({event:function, event:function, ...}) $("button").bind("click",function(){ $("p").slideToggle(); }); focus([[data],fn]) 元素获得焦点时,触发 focus 事件 $("input[t…

jquery常用函数与方法

1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目.jQuery 1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).animat…

JS脚本收藏（一些实用的函数）

一.共享onload事件这个函数的名字是addLoadEvent,它是由Simon Willison 编写的.它只有一个参数:打算在页面加载完毕时执行的函数的名字. 下面是addLoadEvent函数将要完成的操作. ·把现有的window.onload事件处理函数的值存入变量oldonload. ·如果在这个处理函数上还没有绑定任何函数,就像平时那样把新函数添加给它. ·如果在这个处理函数上已经绑定了一些函数,就把新函数追加到现有指令的末尾. 下面是addLoadEvent函数的代码清单:…

个人对JQuery Proxy()函数的理解

转载至:http://www.cnblogs.com/acles/archive/2012/11/20/2779282.html JQuery.proxy(function,context): 使用context代替function中的context. 比如: var you = { type: "person", test: function(event) { $("#log").append( this.type + " " ); } $(&…

【addClass 函数】的更多相关文章