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

基于jquery实现的类似百度搜索的输入框自动完成功能

2017年02月06日 23 阅读

废话不多说，直观的看一下：实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。先看客户端的HTML：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/x...

读jQuery之十三添加事件和删除事件的核心方法

2017年02月06日 21 阅读

jQuery的事件模块严重依赖于其数据储存（jQuery.data），你会发现我的代码中的dataManager对象对应它。这里只提供bind和unbind方法。暂不包含 1，事件命名空间（event namespace） 2，事件代理（event delegation） 3，特殊事件如dom ready 接口如下：复制代码代码如下: E.bind（el, "click", fn）; E.bind（el, "click", fn, data）;...

读jQuery之十四（触发事件核心方法）

2017年02月06日 20 阅读

在事件模块的演变我使用了dispatchEvent（标准）和fireEvent（IE）来主动触发事件。如下复制代码代码如下: ... dispatch = w3c ？ function（el, type）{ try{ var evt = document.createEvent（"Event"）; evt.initEvent（type,true,true）; el.dispatchEvent（evt）; }catch（e）{alert（e）}; ...

javascript 运算数的求值顺序

2017年02月06日 18 阅读

比如复制代码代码如下: a * b + c; ，先算乘方，再算乘除，最后算加减，有括号，先算括号里面的，同一级运算按照从左到右的顺序依次进行这一点所有的程序设计语言都采取数学中数字的计算顺序。当然程序设计语言中还有一些不同于数学中的运算符。那运算数的求值顺序是如何的呢？如下复制代码代码如下: // 求 a 和 b的和 sum = a + b; ，从内存中取a的值，从内存中取b的值，进行相加运算貌似描述的很弱智，理所当然就是这样的。有...

js 函数的副作用分析

2017年02月06日 20 阅读

函数副作用会给程序设计带来不必要的麻烦，给程序带来十分难以查找的错误，并且降低程序的可读性。严格的函数式语言要求函数必须无副作用。函数的副作用相关的几个概念， Pure Function、 Impure Function、 Referential Transparent。纯函数（ Pure Function ）输入输出数据流全是显式（Explicit）的。显式（Explicit）的意思是，函数与外界交换数据只有一个唯一渠道——参数和返回值。函数从...

30个精美的jQuery幻灯片效果插件和教程

2017年02月06日 20 阅读

jqGrid jQuery 表格插件测试代码

2017年02月06日 23 阅读

官方Demo地址：http://www.trirand.com/blog/jqgrid/jqgrid.html效果图：页面代码：复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www....

jQuery页面滚动浮动层智能定位实例代码

2017年02月06日 19 阅读

HTML代码：复制代码代码如下: <div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> JS代码：复制代码代码如下: $.fn.smartFloat = function（） { var position = function（element） { var top = element.position（）.top, pos = element.css（"position"...

js页面滚动时层智能浮动定位实现（jQuery/MooTools）

2017年02月06日 23 阅读

一、应用展示关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了，现在似乎在国内一些商业网站上也屡见此效果，例如淘宝网的搜索结果页的排序水平条，在默认状态下，滚动条跟随页面滚动，如下：随着页面向下滚动，当此水平条接触浏览器的上边缘时，水平条独立出来，不跟随滚动条滚动了，如下图所示：类似的效果在新浪微博上也有：当页面滚动，新动态提示开始要淡出浏览器窗口的时候，其浮动于浏览器窗口的最上沿显示，如下图所示：此效果实现原理其实很简单，本文...

MooTools 页面滚动浮动层智能定位实现代码

2017年02月06日 23 阅读

HTML代码：复制代码代码如下: <div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> JS代码：复制代码代码如下: var $smartFloat = function（elements） { var position = function（element） { var top = element.getPosition（）.y, pos = element.getSt...

基于JQuery的Select选择框的华丽变身

2017年02月06日 22 阅读

不过这种情况可能是一去不复返了，如果你猜测是使用HTML5技术，那就错了，在中国，使用IE6浏览器的人仍占绝大大多数，这种古老的浏览器是不认识HTML5的。我现在推荐的是一款JavaScript插件，它有JQuery和Prototype两种版本，支持所有类型的浏览器。使用它后，你的页面上的select选择框会变的漂亮的让你大吃一惊，下面是使用前和使用后的对比效果图。单选模式：多选模式：更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面。具体...

JQuery里面的几种选择器查找满足条件的元素$（"#控件ID"）

2017年02月06日 22 阅读

样式：$（function （）{ $（"要选择的标签"）.click（function （）{alert （"弹出对话框内容"）;}） }）; 第一种：Id选择器用法：复制代码代码如下: <head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script> <script...

自己动手开发jQuery插件教程

2017年02月06日 22 阅读

因为工作需要，所以这几天琢磨了一下关于jQuery插件开发的问题，经过一天鏖战，终于完成自己动手做的第一个jQuery插件，对于俺这种见了css就头痛的人来说，一天时间8小时，保守估计有5个小时在弄css（我css文盲级别，形容得还不够贴切，如果说文盲不会写字，只会说话，那我是连话都不会说的级别。），好了，废话少说，切入正题。首先要了解jQuery插件开发分两种，1.类级别的插件开发。2.对象级别插件开发。什么？你居然问什么是类级别和什么是对象级别？...

JavaScript原型继承之基础机制分析

2017年02月06日 22 阅读

这一语言功能的本质依赖于 JavaScript 特有的原型链（prototype chain）模式。所以严格意义上说，JavaScript 是基于原型的面向对象语言。也就是说，每个实例对象都具有一个原型。对象从该原型中继承属性和方法。 1、构造函数利用构造函数，可以简单地创建对象。构造函数内的 this 关键字指向实例对象本身：复制代码代码如下: function People（name）{ this.name = name; } 使用 new ...

JavaScript 原型继承之构造函数继承

2017年02月06日 22 阅读

上回说到《JavaScript 原型继承之基础机制》，这一篇将具体说说构造函数的继承。从一个简单的示例开始，创建描述人类的 People 构造函数：复制代码代码如下: function People（）{ this.race = "愚蠢的人类"; } 然后，创建描述黄种人的 Yellow 构造函数：复制代码代码如下: function Yellow（name, skin）{ this.name = name; this.skin = skin;...

一个JQuery写的点击上下滚动的小例子

2017年02月06日 22 阅读

功能需求： 1、滚动框内显示10条记录； 2、有向上和向下滚动按钮，每次点击按钮向上或向下滚动记录条数，不自动滚动； 3、记录条数不循环滚动，滚动到起点或终点则停止滚动。下面介绍一个简单实现方法： 1、外层容器（div） overflow: hidden，内层列表（ul） 2、按钮点击事件触发一个修改列表的函数 3、应用animate实现动画效果具体不再啰嗦，直接上代码 CSS设置复制代码代码如下: <style type="text/css...

基于jquery的多彩百分比动态进度条投票效果显示效果实现代码

2017年02月06日 20 阅读

打造漂亮动态友好的精选随机色彩投票百分比展示效果 HTML结构: 复制代码代码如下: <ul class="vote-box-list clearfix" id="appVoteBox"> <li class="vl-item" id="voteItem0" > <div class="vote-item-wrap"> <h4>A：</h4> <p class="litem"&...

jquery 查找iframe父级页面元素的实现代码

2017年02月06日 22 阅读

父页面代码复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C...

js预载入和JavaScript Image（）对象使用介绍

2017年02月06日 22 阅读

预载入和JavaScript Image（）对象很多high-res图像真的可以使 Web 站点更加整洁。但是它们也会使站点的访问速度变慢——图像是文件，文件使用带宽，带宽直接与等待时间相关。是该了解如何通过一个叫做图像预载入（preloading）的技巧来提高 Web 站点的访问速度的时候了。图像预载入对于浏览器载入图像来说，只有在对图像发送一个 HTTP请求之后，它们才会被浏览器载入，对图像的 HTTP 请求要么使用＜img＞标记，要么通过方...

IE6/7中getAttribute获取href/src 属性（相对路径0值与其它浏览器不同

2017年02月06日 22 阅读

测试代码如下： home var link = document.getElementsByTagName（"a"）[0]; var img = document.getElementsByTagName（"img"）[0]; alert（link.getAttribute（"href"））; alert（img.getAttribute（"src"）） [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]有元素a和img（标准文档模式）...

首页 / 脚本样式 / JavaScript

基于jquery实现的类似百度搜索的输入框自动完成功能

读jQuery之十三 添加事件和删除事件的核心方法

读jQuery之十四 （触发事件核心方法）

javascript 运算数的求值顺序

js 函数的副作用分析

30个精美的jQuery幻灯片效果插件和教程

jqGrid jQuery 表格插件测试代码

jQuery页面滚动浮动层智能定位实例代码

js页面滚动时层智能浮动定位实现（jQuery/MooTools）

MooTools 页面滚动浮动层智能定位实现代码

基于JQuery的Select选择框的华丽变身

JQuery里面的几种选择器 查找满足条件的元素$（&quot;#控件ID&quot;）

自己动手开发jQuery插件教程

JavaScript原型继承之基础机制分析

JavaScript 原型继承之构造函数继承

一个JQuery写的点击上下滚动的小例子

基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码

jquery 查找iframe父级页面元素的实现代码

js预载入和JavaScript Image（）对象使用介绍

IE6/7中getAttribute获取href/src 属性（相对路径0值与其它浏览器不同

读jQuery之十三添加事件和删除事件的核心方法

读jQuery之十四（触发事件核心方法）

JQuery里面的几种选择器查找满足条件的元素$（"#控件ID"）

基于jquery的多彩百分比动态进度条投票效果显示效果实现代码