本文中，将会通过类数组对象（array like object），探索javascript中的length属性的一些秘密。例子1： var obj={0:a,1:b} alert(obj.length); //undefined var arr=[a,b] alert(arr.length); // 2从上面的例子看，类数组对象中的length属性并不和它储存的数据数量直接挂钩，无论是索引属性（0，1）还是length属性都作为对象的普通属性存在，它们之间并没有任何关系，js引擎并不会根据储存数据的数量来自动计算类数组对象的长度...
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈的很简单的心得：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。但不得不说的是，这两...
Jquery的选择符是比较帅气的，借用了XPath2.0和CSS1-3中的语法，并且兼容了多个浏览器，让原本非常复杂的DOM，一下子变得简单起来了，手中最新的版本是1.2.2b，下面的所有例子，也是根据此版本提供的例子。测试HTML代码：<div id="father"><div id="first">I am first</div><div id="second" class="red">I am second</div><div id="third" style="display:none">I am third</div> </div> <p class="red">I am forth</p> <h4></h4>...
一、类选择器的概念类选择器，就是通过class属性获取节点。比如一个html结构中，有三个p标签都具有class=”red”的属性，那么类选择器返回的就是这三个p标签。在jquery中，我们可以很方便的通过$(“.red”)这种方式按照类获取节点。但是在原生的javascript中，有getElementById(按照id属性获取元素)、getElementsByTagName(按照标签名获取元素)等方法，但是并没有类选择器相关方法。因此，编写原生js实现类选择器的方法非常关键。 ...
Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = document.querySelector(selectors);elementList = document.querySelectorAll(selectors);其中参数selectors 可以包含多个CSS选择器，用逗号隔开...
下面为大家带来一篇原生js仿jquery一些常用方法，最近迷上了原生js，能不用jquery等框架的情况都会手写一些js方法，记得刚接触前端的时候为了选择器而使用jquery。。。现在利用扩展原型的方法实现一些jquery函数：1.显示/隐藏//hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show() Object.prototype.show = function(){ this.style.display="block"; return this; }return this的...
each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实 现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的each方法则是对jQuery内 部的子元素进行逐个调用。下面提一下each的...
我们都用过Jqurey中的each函数，都知道each()有两种方式去调用，一种是通过$.each()调用，另一种是$(selector).each()去调用，那么它们之间有什么区别？ 翻看一下Jquery源码就会知道，$.each()是核心的实现，$(selector).each()是调用的$.each()，先来分析一下$.each()的源码(在底部)： each(obj,callback,args)函数接收3个参数：obj--要遍历的对象或数组、callback--要遍历执行的回调函数、args--自己指定的数组（先无视）...
由于工作需要，要求实现在table中的某一列有树的结构和效果，不得已使用jquery，第一次用，寸步难行 一段程序憋三天，终于凑合着实现了 功能要求如下：点击+号，下面的子节点展开，只展开当前节点的下一级节点，二级及以下节点仍隐藏点击-号，下面的所有子节点隐藏 点击 1 2 3 4 会相应的展开到第一级节点，展开到第三级，展开到第四级。我的思路是：使用最原始的拼接html ，获取数据源以后，给tr赋值自定义属性，例如当前行数据...
自学jquery的时候，看到一英文词（Callback），顿时背部隐隐冒冷汗。迅速google之，发现原来中文翻译成回调。也就是回调函数了。不懂啊，于是在google回调函数，发现网上的中文解释实在是太“深奥”了，我承认自己才疏学浅了。看了几个回调的例子后，貌似有点理解了。下面是我对回调函数的理解，要是理解错了，请指正，不甚感激。 首先还是从jquery网站上的英文定义入手，身为国人，我真感到悲剧。一个回调的定义被国内的“...
暂停或恢复.ready() 事件的执行。在$.holdReady()方法允许调用者延迟jQuery的ready事件。这种先进的功能，通常是使用动态脚本加载器，要加载的JavaScript比如 jQuery插件，如额外的ready事件才让事件发生，即使在DOM可能准备。此方法必须早在文件调用，在这样<head> jQuery脚本后，立即标记。ready事件之后调用此方法即使已经发射也将没有任何效果。要延迟ready事件，第一次调用的$.holdReady(true)。当ready事件应该执行时，调用$...
在javascript中常见的循环语句有： while循环 do while循环和for循环 。三种循环语句都有自己的优势。一、while循环 格式如下: while (条件){ 需要执行的代码 } document.write("这里是while打印的1-50的输入："); var i = 1; while(i<=50){ document.write(i); i++; }二、 do while循环格式如下:do{ 循环体2 }while(逻辑判断1); 首先还是进入逻辑判断 1 ---> 2 例子： document.wr...
这篇文章主要介绍了jQuery Validate 校验多个相同name的方法,需要的朋友可以参考下导读：在表单页中有如下代码jquery validate在对多个相同name校验时，只校验第一个input框。解决方案一：在表单页对应的js中加入如下代码 只有当前页可以解决对多个name校验解决方案二：修改源文件 所有的页面都可以验证多个name方式1：修改jquery.validate.js文件用 ctrl+F 查找 this.name in rulesCache 注释掉如下代码。方式2：修改jquery.valid...
这篇文章主要介绍了使用jQuery,Angular实现登录界面验证码详解,需要的朋友可以参考下写在前面：前段事件，做了一个用ajax后台异步交互的登录功能，自己在上面加了一个验证码的功能，这个功能背后的原理挺好理解的，实现起来也十分简单，特此写波分享，，自己写的过程中踩了不少坑，这里还是照例写的详细点，大家可以做个参考，喜欢的朋友可以点个赞，或者关注一波。最终实现的效果： 当点击登录之前，会先判断验证码是否正确（验证...
前言jQuery插件开发包括两种：给jQuery添加静态方法给jQuery的原型添加方法给jQuery添加静态方法直接添加新的全局函数jQuery.foo = function() { alert(This is a test. This is only a test.); } 2.使用jQuery.extend(object)jQuery.extend({ foo: function() { alert(This is a test. This is only a test.); }, bar: function(param) { alert(This function takes a parameter, which is " + param +".); } });对于一些全局配...