js jquery数组介绍

2017年02月06日 21 阅读

1.数组的创建 var arr=new Array（）; 2.查找数组中的元素 复制代码 代码如下: for（var i=0;i<arr.length;i++） if（arr[i]==temp） return true; 3.下面比较一下Array和Object的特性: Array: 新建:var ary = new Array（）; 或 var ary = []; 增加:ary.push（value）; 删除:delete ary[n]; 遍历:...

js排序动画模拟-插入排序

2017年02月06日 21 阅读

...

js 排序动画模拟 冒泡排序

2017年02月06日 24 阅读

而在某些场景中，队列确实像一支奇兵，可以带来不错的效果，比如配合定时器使用，可以模拟时间差效果 复制代码 代码如下: function createDq（）{ var dq = [], size = 0; return { setDq:function（queue）{ dq = queue; size = queue.length; }, queue:function（fn）{ size ++; dq.push（fn）; }, dqueue:functio...

js不完美解决click和dblclick事件冲突问题

2017年02月06日 20 阅读

情况描述 当某个元素，如：div，同时绑定了click事件和dblclick事件，而这两个事件又要处理相对独立的业务，也就是click的时候不能触发dblclick，dblclick的时候不能触发click。在实际测试中发现，当dblclick的时候，总会出现1次click。下文将要解决的就是这个问题。 情况分析 首先我们要清楚click和dblclick的执行顺序，测试过程略，下面是测试结果： click：mousedown -- mouse...

写自已的js类库需要的核心代码

2017年02月06日 20 阅读

复制代码 代码如下: （function（win） { var toString = Object.prototype.toString; var hasOwn = Object.prototype.hasOwnProperty; var class2type = {}; class2type["[object Boolean]"] = "boolean"; class2type["[object Number]"] = "number"; class2t...

基于jQuery的获取标签名的代码

2017年02月06日 21 阅读

jquery如何获取一上元素的名称比如 <div id="aa">dd</div>$（"#aa"）.xxxmethod 昨到"div"jquery如何获取一个元素的名称比如 <div id="aa">dd</div>$（"#aa"）.xxxmethod 得到"div"[昆明]丝雪.川琼（447031499） 13:35:50$（"#elementId"）.get（0）.tagName$（"#aa"）[0].t...

JavaScript面向对象（极简主义法minimalist approach）

2017年02月06日 21 阅读

极简主义法 荷兰程序员 Gabor de Mooij 提出了一种比 Object.create （）更好的新方法，他称这种方法为"极简主义法"（minimalist approach）。这也是我推荐的方法。 3. 1 封装 这种方法不使用 this 和 prototype，代码部署起来非常简单，这大概也是它被叫做"极简主义法"的原因。 首先，它也是用一个对象模拟"类"。在这个类里面，定义一个构造函数 createNew （），用来生成实例。...

JavaScript面向对象知识串结（读JavaScript高级程序设计（第三版））

2017年02月06日 21 阅读

第一遍囫囵吞枣，不求甚解，感觉恍然大悟，结果晚上睡觉一想发现很多问题，什么都不明白，再看第二遍，发现原来是这样。过了几天一用，发现手写起来原来还是在凭记忆，于是下一遍，下一遍... 单凭记忆去弄清楚东西很不靠谱，时间一长脑袋空白。特别是技术上的很多思想和原理，只看不练，即便当时想得特别清楚，过久了也会忘。再者就是网上一些东西，只能说是提供了一种便捷的查看途径，事后还是自己总结为好，毕竟大多都是个人总结，一些概念很难讲的很清楚，而且两个人谈同一件事情，一...

基于jquery的图片轮播 tab切换组件

2017年02月06日 20 阅读

目前只添加了scroll和none的效果，scroll即滑动的效果，可以支持x和y方向的滑动；none就是没有任何效果，只是显示和隐藏，后续需要添加其他效果再做扩展，写的有点水，呵呵，在此留笔，防止丢失。 Demo Address：http://demo.jb51.net/js/2012/sinaapp/ 复制代码 代码如下: /** * 巨无霸轮播 */ $.fn.loopSlider = function（option） { var setting...

最佳6款用于移动网站开发的jQuery 图片滑块插件小结

2017年02月06日 21 阅读

随着智能手机的普及，越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件，这些插件很好的处理了触屏事件，效果平滑，帮助你构建用户体验良好的移动网站。PhotoSwipe PhotoSwipe 是一款免费的 jQuery 图片库插件，支持iPhone, iPad, Android, Blackberry 等各种移动设备。Mobile Photo Album Mobile Photo Album 是一款...

基于jquery的DIV随滚动条滚动而滚动的代码

2017年02月06日 23 阅读

核心代码：复制代码 代码如下: <script type="text/javascript" src="http://demo.jb51.net/jslib/jquery/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $（function（） { $（window）.scroll（function（） { var top = $（window...

基于jquery的可多选的下拉列表框

2017年02月06日 22 阅读

同事在网上的找的下拉列表框出现位置不对的和加载慢的BUG，反正多选下拉列表框实现也很简单，与其看那些结构混乱的代码，不如自己重新实现一个。 先看效果： http://demo.jb51.net/js/2012/jquery_demo/jquery_select.htmlJS: 复制代码 代码如下: （function （$） { $.fn.extend（{ MultDropList: function （options） { var op = $.exte...

分享XmlHttpRequest调用Webservice的一点心得

2017年02月06日 20 阅读

首先，因为JSON对于JS的便利性，考虑通过JSON来请求和返回数据。在JS中实例化一个xmlHttpRequest对象，然后根据网上的说明POST的地址为：asmx页面地址/Web方法名。在RequestHeader中设置Content-Type为application/json; charset=utf-8，SOAPAction设为Web方法名。Web方法的参数用JSON格式send出去。 代码如下： 复制代码 代码如下: function getXm...

Javascript中找到子元素在父元素内相对位置的代码

2017年02月06日 21 阅读

经过自己一晚上尝试，貌似找到了一个方法。 现在脑袋还糊涂，先记下来，以后再分析。 复制代码 代码如下: // 找到子元素在父元素中的相对位置 function getElementTop（element）{ var el = （typeof element == "string"） ？ document.getElementById（element） : element; if （el.parentNode === null || el.style.dis...

javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号

2017年02月06日 20 阅读

具体题目是这样的： 从1--9中选取N个数字，组成不重复的N位数，从小到大进行编号，当输入其中任何一个数M时，能找出该数字对应 的编号。如 N=3，M=213. 输出：[123（1） , 132（2） , 213（3） , 231（4） , 312（5） , 321（6）]--->X=2 首先看到题目想到的是生成一个从少到大的全排列的数组，然后再遍历数组得到对应的序号（数组下标加1），又或者想到一个个从小到大的生成push进数组，然后判断该数...

Javascript对象中关于setTimeout和setInterval的this介绍

2017年02月06日 21 阅读

在Javascript里，setTimeout和setInterval接收第一个参数是一个字符串或者一个函数，当在一个对象里面用setTimeout延时调用该对象的方法时 复制代码 代码如下: function obj（） { this.fn = function（） { alert（"ok"）; console.log（this）; setTimeout（this.fn, 1000）;//直接使用this引用当前对象 } } var o = new ob...

Js四则运算函数代码

2017年02月06日 18 阅读

复制代码 代码如下: //除法函数，用来得到精确的除法结果 //说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 //调用：accDiv（arg1,arg2） //返回值：arg1除以arg2的精确结果 function accDiv（arg1,arg2）{ var t1=0,t2=0,r1,r2; try{t1=arg1.toString（）.split（"."）[1].length}cat...

基于jquery自定义图片热区效果

2017年02月06日 21 阅读

现在整理下发出来，希望大家共同学习吧 先看效果图： 用了jquery.image-maps.js这个插件 下载地址 http://www.jb51.net/jiaoben/57930.html原理是： 通过拖动计算出当前热区可移动模块的left top right bottom 对应area的 coords 属性集成上面的位置，就可以实现热区了。 对应的模块代码是： 复制代码 代码如下: <！--模块展示 begin--> <div cl...

基于JQuery的类似新浪微博展示信息效果的代码

2017年02月06日 21 阅读

复制代码 代码如下: <！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> <title>Untitled Page&...

基于jquery的跟随屏幕滚动代码

2017年02月06日 18 阅读

那么这是怎么实现的呢？本文将引用乌徒帮的跟随屏幕滚动代码，对此效果做详解。 一、原始代码 下面是乌徒帮的跟随屏幕滚动代码，它的作用域为乌徒帮网页两侧的边栏，以及双击屏幕后的右侧隐藏栏。 复制代码 代码如下: var $catalogueOffsetTop = $（"aside#catalogue"）.offset（）.top; var $archiveOffestTop = $（"aside#archive"）.offset（）.top; var $arc...