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

2017年02月06日 21 阅读

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

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

2017年02月06日 22 阅读

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

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

2017年02月06日 23 阅读

解决方法。在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之四（优雅的迭代）

2017年02月06日 22 阅读

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

读jQuery之五（取DOM元素）

2017年02月06日 22 阅读

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

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

2017年02月06日 22 阅读

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

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

2017年02月06日 23 阅读

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

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

2017年02月06日 22 阅读

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

读jQuery之八 包装事件对象

2017年02月06日 22 阅读

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

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

2017年02月06日 24 阅读

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

读jQuery之九 一些瑕疵说明

2017年02月06日 22 阅读

1，bind 方法，最后一个参数fn是多余的 复制代码 代码如下: // Handle object literals if （ typeof type === "object" ） { for （ var key in type ） { this[ name ]（key, data, type[key], fn）; } return this; } 2，注释 复制代码 代码如下: // Add which for click: 1 === left; ...

jquery异步请求实例代码

2017年02月06日 21 阅读

1、用ajax jsp代码如下： 复制代码 代码如下: $.ajax（{ type:"get", dataType:"json", url:"<%=basePath%>actionSmUser.do？method=getUserMsgByUserId", data:"userId="+userId, success:function（msg）{ var data = eval（"（"+msg.responseText+"）"）; alert（$...

基于jquery实现的表格分页实现代码

2017年02月06日 21 阅读

具体代码如下： 引用js和css文件有： 复制代码 代码如下: <link ID="skin" rel="stylesheet" type="text/css" href="css/config.css"> <script type="text/javascript" src="js/config.js"></script> <script type="text/javascript" src="js/skin.j...

基于Jquery实现表格动态分页实现代码

2017年02月06日 22 阅读

当页面点击分页图标时，程序会自动去后台获取对应页数的记录。 关键代码如下： 需要引入的css和js文件有： 复制代码 代码如下: <link rel="stylesheet" type="text/css" href="<%=basePath %>css/theme/default/css/jpage.css"></link> <link ID="skin" rel="stylesheet" type="text/...

jquery随意添加移除html的实现代码

2017年02月06日 23 阅读

html代码： 复制代码 代码如下: <ul id="list3" class="eventlist"> <li>plain</li> <li class="special">special <button>I am special</button></li> <li>plain</li> </ul> script代码： 复制代码 代码...

jquery操作select option 的代码小结

2017年02月06日 23 阅读

1、获取选中select的value和text,html代码如下： 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> 则可通过以下sc...

jquery一般方法介绍 入门参考

2017年02月06日 21 阅读

1、event.preventDefault（）:阻止某个事件的发生。如一个链接，点击时一般会跳到所链接的页面，如果想规避掉这个功能，则可以采用这个方法。如： 复制代码 代码如下: <a href="www.baidu.com">点击百度</a> <script> $（document）.read（function（）{ $（"a"）.click（function（event）{ ...

jquery加载页面的方法（页面加载完成就执行）

2017年02月06日 23 阅读

1、$（function（）{ $（"#a"）.click（function（）{ //adding your code here }）; }）; 2、$（document）.ready（function（）{ $（"#a"）.click（function（）{ //adding your code here }）; }）; 3、window.onload = function（）{ $（"#a"）.click（fu...

javascript温习的一些笔记 基础常用知识小结

2017年02月06日 23 阅读

以下是全部内容： 2010.11.29日 1.[window.]alert（）; document.alinkColor textString.anchor（） navigator.appCodeName escape（"Hi！"） 返回ascii 码 eval（"x+y"） 对字符串求值 x=10,y=20;eval=30 formName.elementName.focus（）; 设置元素成为焦点 history.forward（） 前进浏览器 Dat...

修改好的jquery滚动字幕效果实现代码

2017年02月06日 22 阅读

最终效果图源代码:复制代码 代码如下:<html> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <script src="http://demo.jb51.net/jslib/jquery/jquery.js"></script> <script type = "text/javascr...