用Juery网页选项卡实现代码

2016年07月27日 6 阅读

首先前台代码 复制代码 代码如下: <div class="tab"> <div class="tab_menu"> <ul> <li class="selected">个人信息</li> <li class="selected">我的照片</li> <li class="selected">我的博客</li> <div class="clea...

jquery 与NVelocity 产生冲突的解决方法

2016年07月27日 8 阅读

NVelocity的$与Jquery的$发生冲突时的解决方法有以下几个： 1、 使用jQuery.noConflict。 如：var j = jQuery.noConflict（）; j.ajax（）; 缺点：当使用jQuery的相关插件时,会使得插件失效哦！ 2、 使用jQuery代替$. 如:jQuery.ajax（）; 缺点：不适合扩展，一旦替换成第三方库时，那就麻烦大发 3、 wrap jQuery中的冲突方法。 如$.ajax（）在Velocit...

在jquery中处理带有命名空间的XML数据

2016年07月27日 6 阅读

但不幸的是，很多服务返回的数据仍然是XML格式的。 jquery对于xml这种数据的处理是内置支持的，这一点没有任何问题。但前提是返回的数据没有带任何命名空间。例如下面这份数据 复制代码 代码如下: <？xml version="1.0" encoding="utf-8" ？> <data> <Employee id="1" firstName="ares" lastName="chen"></Employee&g...

非常棒的10款jQuery 幻灯片插件

2016年07月27日 6 阅读

Easy Slider（在线演示）Horinaja Slide Show Plugin For jQuery（在线演示）Creating Your Own Slider Plugin（在线演示）Slick Accessible Slideshow（在线演示）Sliding Boxes and Captions with jQuery Tutorial（在线演示）Supersized（在线演示）Blog SlideShow（在线演示）EOGallery（在线...

jQuery调用WebService的实现代码

2016年07月27日 5 阅读

一个例子说尽： 1、.aspx中： 复制代码 代码如下: <div class="button" id="btn1"><a href="#">HelloWorld</div> <div class="button" id="btn2"><a href="#">传入参数</a></div> <div class="button" id="btn3"><a h...

jQuery 源码分析笔记（5） jQuery.support

2016年07月27日 6 阅读

其中jQuery.browser已经提供了根据UserAgent检测的浏览器信息。而jQuery.support 使用特性检测来检查浏览器的功能以及Bug。 和文档一样，首先说明一下，这个模块是很底层的代码，基本不需要在日常开发中使用，但是插件的开发者更需要。因为插件需要兼容各个浏览器。首先看一下 support模块提供了哪些浏览器特性的检测，以下结果是在Chrome 13 Dev下看到的结果。根据浏览器的不同，这里的成员可能会有变化。（PS:再次吐槽IE...

jQuery 源码分析笔记（7） Queue

2016年07月27日 6 阅读

每个Element可以拥有多个队列，但是基本上都只使用到一个，即默认的fn队列。队列允许一系列函数被异步地调用而不会阻塞程序。例如：$（"#foo"）.slideUp（）.fadeIn（）;其实这个就是我们大家常用的链式调用，实际上这是一个Queue。所以队列和Deferred地位类似，是一个内部使用的基础设施。当slideUp运行时，fadeIn被放到fx队列中，当slideUp完成后，从队列中被取出运行。queue函数允许直接操作这个链式调用的行为。同...

jQuery 源码分析笔记（3） Deferred机制

2016年07月27日 5 阅读

Deferred把回调函数注册到一个队列中，统一管理，并且可以同步或者异步地调用这些函数。jQuery.Deferred（）用来构造一个Deferred对象。该对象有状态值，共有三种: Rejected, Resolved和初始状态。其中Resolved表示该操作成功完成了，而Rejected 则表示出现了错误，调用失败。Deferred对象的主要成员如下： done（callback）: 注册一个callback函数，当状态为resolved时被调用。 ...

jQuery UI AutoComplete 使用说明

2016年07月27日 5 阅读

介绍 在 jQuery UI 的最近更新中增加了自动完成控件 AutoComplete，这为我们提供了又一个强大的开发工具，这里介绍一下这个控件的使用方式。 首先，jQuery UI 是基于 jQuery 的，所以，必须在你的页面中首先引用 jQuery 脚本库，然后再引用 jQuery UI 库，对于 jQuery UI 库来说，可以引用整个的库，也可以仅仅引用当前页面用到的库。 jQuery UI 的下载地址：http://jqueryui.com/d...

jQuery数组处理方法汇总

2016年07月27日 6 阅读

$.each（array, [callback]）遍历,很常用 复制代码 代码如下: var arr = ["javascript", "php", "java", "c++", "c#", "perl", "vb", "html", "css", "objective-c"]; $.each（arr, function（key, val） { // firebug console console.log（"index in arr:" + key + "...

functional继承模式 摘自javascript:the good parts

2016年07月27日 6 阅读

这种模式的作用在于确保对象属性的真正私有化, 我们无法直接访问对象的状态, 只能通过特权方法来进行操作. 下面直接来个例子吧. 复制代码 代码如下: var person = function（cfg） { var that = {}; that.getName = function（） { return cfg.name || "unknow name"; }; // 性别 默认男性 that.getGender = function（） { retur...

合并table相同单元格的jquery插件分享（很精简）

2016年07月27日 5 阅读

效果如下 原表格:col0col1col2col3SuZhou1111122222SuZhouCitySuZhou3333344444SuZhouCitySuZhou5555566666SuZhouCityShangHai7777788888ShangHaiCityShangHaiuuuuuhhhhhShangHaiCityShangHaigggggcccccShangHaiCityGuangZhouttttteeeeeGuangZhouCityGuang...

火狐4、谷歌12不支持Jquery Validator的解决方法分享

2016年07月27日 5 阅读

解决方法。在form中添加 novalidate 属性就可以解决这个问题，并且不影响在ie下的效果 例如： <form method="post" action="rival_show.jsp" id="form1" name="form1" novalidate></form>详细解说见：http://www.w3.org/TR/html5/forms.html#attr-fs-novalidate ...

读jQuery之四（优雅的迭代）

2016年07月27日 5 阅读

jQuery的操作往往是分两步 1，获取元素集合（选择器） 2，操作元素集合 而第二步操作元素集合的主要方法就是jQuery.each。查看源码，我们发现jQuery.each及this.each分别调用了27次和31次。可见它是多么的重要。 这篇将分析下jQuery.each及this.each方法。看看他们如何与jQuery.extend一起扩展jQuery库。最后我会给zChain.js加上each方法。 部分源码如下 复制代码 代码如下: jQue...

读jQuery之五（取DOM元素）

2016年07月27日 6 阅读

jQuery的$调用后想要获取DOM元素可以使用get方法，如下 复制代码 代码如下: // 方式1 $（"div"）.get（1）; // 获取页面中第二个div 当然，也可以使用数组索引方式获取 复制代码 代码如下: // 方式2 $（"div"）[1]; // 获取页面中第二个div 上面两种方式都可以获取某一个特定的DOM元素，而获取DOM元素集合却要使用toArray方法 复制代码 代码如下: $（"div"）.toArray（）; // 返...

将HTMLCollection/NodeList/伪数组转换成数组的实现方法

2016年07月27日 6 阅读

这里把符合以下条件的对象称为伪数组 1，具有length属性 2，按索引方式存储数据 3，不具有数组的push,pop等方法 如 1，function内的arguments 。 2，通过document.forms，Form.elements，Select.options，document.getElementsByName（） ，document.getElementsByTagName（） ，childNodes/children 等方式获取的集合（H...

读jQuery之六 缓存数据功能介绍

2016年07月27日 5 阅读

很多同学在项目中都喜欢将数据存储在HTMLElement属性上，如 复制代码 代码如下: <div data="some data">Test</div> <script> div.getAttribute（"data"）; // some data </script> 给页面中div添加了自定义属性“data”及值“some data”。后续JS代码中使用getAttribute获取。 jQuery从1....

读jQuery之七 判断点击了鼠标哪个键的代码

2016年07月27日 5 阅读

jQuery丢弃了标准的 button 属性采用 which，这有点让人费解。which 是Firefox引入的，IE不支持。which的本意是获取键盘的键值（keyCode）。jQuery中的which即可以是键盘的键值，也可以是鼠标的键值。即当判断用户按下键盘的哪个键时可以使用which，当判断用户按下鼠标的哪个键时也可以用which。它一举两用了。源码 复制代码 代码如下: // Add which for key events if （ event...

读jQuery之八 包装事件对象

2016年07月27日 7 阅读

比如，停止事件冒泡IE用 cancelBubble ，标准浏览器则用 stopPropagation 。 获取事件源对象，IE用 srcElement ，标准浏览器则用 target 诸如此类。 jQuery 对原生事件对象的修复和包装主要使用 jQuery.Event 类和 jQuery.event.fix 方法。 复制代码 代码如下: jQuery.Event = function（ src ） { // Allow instantiation wit...

为非IE浏览器添加mouseenter,mouseleave事件的实现代码

2016年07月27日 6 阅读

先了解几个事件对象属性target 指事件源对象，点击嵌套元素最里层的某元素，该元素就是target。IE6/7/8对应的是srcElement。currentTarget 指添加事件handler的元素本身，如el.addEventListener中el就是currentTarget。IE6/7/8没有对应属性，可在handler内使用this来替代如evt.currentTarget = this。relativeTarget 指事件相关的元素，一般用...