JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery选择器源码解读（六）：Sizzle选择器匹配逻辑分析

2017年02月06日 13 阅读

近期看了一些网上关于Sizzle的分析文章，就匹配次序往往就说使用了从右到左的逆向匹配法，但是具体如何并没有详细介绍，或者就像我之前的几篇文章一样，就代码一行一行做详细介绍，但缺乏整体概念，这里就jQuery-1.10.2版本的Sizzle的匹配逻辑（预编译结果）做一整体说明，这里就不谈过多的细节了。Sizzle的匹配过程采用的是以从右到左的逆向匹配法为基础的改进版本，因为HTML的搜索毕竟和文本匹配有差异，它有自己独特的一面，所以，需要针对HTML的搜索...

jQuery选择器源码解读（七）：elementMatcher函数

2017年02月06日 12 阅读

要读懂Sizzle的Compile执行过程，首先需要弄清楚涉及的各个子程序的功能和关键变量和作用，我将逐一对jQuery-1.10.2版本的Compile代码进行说明，望能给予大家帮助。elementMatcher（matchers）1、源码复制代码代码如下:function elementMatcher（matchers） {return matchers.length > 1 ? function（elem, context, xml）...

JS显示表格内指定行html代码的方法

2017年02月06日 12 阅读

本文实例讲述了JS显示表格内指定行html代码的方法。分享给大家供大家参考。具体如下：下面的js代码演示了如何通过表格的rows数组获得指定行的html代码，包含了所有列<！DOCTYPE html><html><head><script>function showRow（）{alert（document.getElementById（"myTable"）.rows[0].innerHTML）;}</s...

jQuery选择器源码解读（八）：addCombinator函数

2017年02月06日 12 阅读

function addCombinator（matcher, combinator, base）1、源码复制代码代码如下:function addCombinator（matcher, combinator, base） {var dir = combinator.dir, checkNonElements = base&& dir === "parentNode", doneName = done++;return combinator.first ...

JS实现控制表格只显示行边框或者只显示列边框的方法

2017年02月06日 14 阅读

本文实例讲述了JS实现控制表格只显示行边框或者只显示列边框的方法。分享给大家供大家参考。具体分析如下：通过下面的JS代码你可以控制表格只显示行与行之间的分隔线，也可以只显示列与列之间的分隔线，主要用到了表格对象的rules属性<！DOCTYPE html><html><head><script>function rowRules（）{document.getElementById（"myTable"）.rul...

JS动态显示表格上下frame的方法

2017年02月06日 13 阅读

本文实例讲述了JS动态显示表格上下frame的方法。分享给大家供大家参考。具体如下：<！DOCTYPE html><html><head><script>function aboveFrames（）{document.getElementById（"myTable"）.frame="above";}function belowFrames（）{document.getElementById（"myTable"...

js实现的牛顿摆效果

2017年02月06日 12 阅读

牛顿摆是一个1960年代发明的桌面演示装置，五个质量相同的球体由吊绳固定，彼此紧密排列。又叫：牛顿摆球、动量守恒摆球、永动球、物理撞球、碰碰球等。（function（window,undefined）{window.None || （window.None = {}）;//重力加速度var G=9.8;var PI=Math.PI;//帧频var FPS=48; /*//IE角度转换function rorateIt（node,deg）{//取得末变形前矩...

JS动态修改表格cellPadding和cellSpacing的方法

2017年02月06日 12 阅读

本文实例讲述了JS动态修改表格cellPadding和cellSpacing的方法。分享给大家供大家参考。具体如下：下面的JS代码通过修改表格对象的cellPadding和cellSpacing属性来修改表格单元格的间距<！DOCTYPE html><html><head><script>function padding（）{document.getElementById（"myTable"）.cellPad...

60行js代码实现俄罗斯方块

2017年02月06日 12 阅读

这是我之前网上看到的,很牛逼的一位大神写的,一直膜拜中<！doctype html><html><head></head><body><div id="box" style="width:252px;font:25px/25px 宋体;background:#000;color:#9f9;border:#999 20px ridge;text-shadow:2px 3px 1px #0f0;...

JS动态改变表格边框宽度的方法

2017年02月06日 12 阅读

本文实例讲述了JS动态改变表格边框宽度的方法。分享给大家供大家参考。具体如下：下面的JS代码通过表格对象的border属性修改表格边框宽度<！DOCTYPE html><html><head><script>function changeBorder（）{document.getElementById（"myTable"）.border="10";}</script></head>&l...

JS显示下拉列表框内全部元素的方法

2017年02月06日 12 阅读

本文实例讲述了JS显示下拉列表框内全部元素的方法。分享给大家供大家参考。具体如下：下面的JS代码可以通过alert框显示指定下拉列表的全部元素<！DOCTYPE html><html><head><script>function getOptions（）{var x=document.getElementById（"mySelect"）;var txt="All options: ";var i;for （i...

js使用onmousemove和onmouseout获取鼠标坐标的方法

2017年02月06日 12 阅读

本文实例讲述了js使用onmousemove和onmouseout获取鼠标坐标的方法。分享给大家供大家参考。具体如下：下面的js代码演示了onmousemove和onmouseout事件的用法，鼠标在指定区域内移动时会动态显示鼠标坐标信息<！DOCTYPE html><html><head><script>function myFunction（e）{x=e.clientX;y=e.clientY;coor=...

JS使用oumousemove和oumouseout动态改变图片显示的方法

2017年02月06日 12 阅读

本文实例讲述了JS使用oumousemove和oumouseout动态改变图片显示的方法。分享给大家供大家参考。具体如下：鼠标放到图片上时图片会自动变大，鼠标离开图片还原<！DOCTYPE html><html><head><script>function bigImg（x）{x.style.height="64px";x.style.width="64px";}function normalImg（x）{x...

JavaScript操作DOM元素的childNodes和children区别

2017年02月06日 13 阅读

对于DOM元素，children是指DOM Object类型的子对象，不包括tag之间隐形存在的TextNode，而childNodes包括tag之间隐形存在的TextNode对象。具体看一下针对children和childNodes在chrome环境下的测试：<！DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title ...

JavaScript判断是否为数字的4种方法及效率比较

2017年02月06日 12 阅读

今天针对不同的数值判定方式在chrome上做了一个效率的对比，结果如下：注意：通过正则表达式仅能用于字符串中的内容是否是纯数值，而不能用于判断是否是数值对象。放在此处仅用于对比。其代码如下： var ret; var o = 1; var pattern = /^（-?d*.?d*）$/; var toStr = {}.toString; var array = {}; array["[object Number]"] = "number"...

JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

2017年02月06日 13 阅读

/****************************************************************//* 名称：DataLength//* 功能：计算数据的长度//* 入口参数：fData：需要计算的数据//* 出口参数：返回fData的长度（Unicode长度为2，非Unicode长度为1）//***************************************************************...

JavaScript判断是否为数组的3种方法及效率比较

2017年02月06日 12 阅读

今天针对不同的数组判定方式在chrome上做了一个效率的对比，结果如下：其代码如下：var ret; var o = [1,2,3]; var toStr = {}.toString; var array = {}; array["[object Array]"] = "array";console.log（"各种判断是否数组的速度比较！"）console.log（"方法一：Array.isArray（o）"）; console.time（"first"）...

JavaScript中使用Object.prototype.toString判断是否为数组

2017年02月06日 12 阅读

为什么要用Object.prototype.toString而不是Function.prototype.toString或者其它？这是和他们的toString解释方式有关系的。下面是ECMA中对Object.prototype.toString的解释：复制代码代码如下:Object.prototype.toString（）When the toString method is called, the following steps are taken:...

JavaScript数据类型详解

2017年02月06日 13 阅读

数据类型 JavaScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object，Object本质上是由一组无序的名值对组成的。typeof操作符介于JavaScript是松散类型的，因此需要有一种手段来检测给定变量的数据类型——typeof就是负责提供者方面信息的操作符。对一个值使用typeof操作符可能返回下列某个字符串：● "undefine...

JavaScript之数组（Array）详解

2017年02月06日 13 阅读

ECMAScript的数组与其他语言中的数组有着相当大的区别。虽然ECMAScript中的数组也是有序列表，但是它数组你的每一项可以保存任何类型的数据。ECMAScript数组的大小是可以动态调整的。创建数组的基本方式有两种。第一种是使用Array构造函数，如下所示：复制代码代码如下:var colors = new Array（）; 如果知道数组要保存的项目数量，也可以给构造函数传递参数，而该参数会自动变成length属性的值，如下：复制代码代码如...

首页 / 脚本样式 / JavaScript

jQuery选择器源码解读（六）：Sizzle选择器匹配逻辑分析

jQuery选择器源码解读（七）：elementMatcher函数

JS显示表格内指定行html代码的方法

jQuery选择器源码解读（八）：addCombinator函数

JS实现控制表格只显示行边框或者只显示列边框的方法

JS动态显示表格上下frame的方法

js实现的牛顿摆效果

JS动态修改表格cellPadding和cellSpacing的方法

60行js代码实现俄罗斯方块

JS动态改变表格边框宽度的方法

JS显示下拉列表框内全部元素的方法

js使用onmousemove和onmouseout获取鼠标坐标的方法

JS使用oumousemove和oumouseout动态改变图片显示的方法

JavaScript操作DOM元素的childNodes和children区别

JavaScript判断是否为数字的4种方法及效率比较

JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

JavaScript判断是否为数组的3种方法及效率比较

JavaScript中使用Object.prototype.toString判断是否为数组

JavaScript数据类型详解

JavaScript之数组（Array）详解