jq
文章平均质量分 61
huihui10086
这个作者很懒,什么都没留下…
展开
-
前端开发学习随笔-------jquery.data()
前端开发学习随笔-------jquery.data() 前几天在写推箱子游戏中为了保存游角(即推箱子的人物角色的x,y坐标),第一次使用到了data()方法(使用该方法需要先引入jquery)先上我的代码:oP.data('x',this.nowJson.me.x);//将人物的坐标分别赋值给“x”和“y”oP.data('y',this.nowJson.me.y);原创 2015-06-27 16:02:57 · 511 阅读 · 0 评论 -
jquery有用却不常用的方法分享
工具方法$.isArray(obj); //检测一个对象是否是数组$.isFunction(obj); //检测一个对象是否是函数$.trim(str); // 去除string 的空格$.( value, array [, fromIndex ] )$.inArray(value, array); // 返回value 在array 中的下标, 如果没有找到则返回-1$.in原创 2015-08-21 14:33:56 · 850 阅读 · 0 评论 -
js实现表格的排序功能
之前的阿里线上笔试最后一道就是实现表格的排序功能,但当时由于时间有限没能完成,于是今天趁着午休时间完成了这个功能。下面附上代码(有注释):(该功能是完成了对age的升序(从小到大)的排序) Document table { border: 1px solid #ccc; width: 1000px; margin: 20px auto; borde原创 2015-09-06 14:59:15 · 7099 阅读 · 0 评论 -
jq优化法则25条
1. 从Google Code加载jQueryGoogle Code上已经托管了多种JavaScript类库,从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽,能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是,如果用户访问那些发布在Google Code上的站点后它会被缓存下来。这样做很有意义。有多少站点使用了没有原创 2015-09-06 16:47:35 · 704 阅读 · 0 评论 -
视差滚动---parallax.js
最近在看视差滚动的原理和实现方法。最简单的是使用css的属性background-attachment: fixed || scroll || local,使用这个便可以实现简单的视差滚动效果,但是想完成一些更加炫酷的效果。就得使用js啦,其中最简单的莫过于使用parallax。js插件。下面有个使用该插件的html代码(ps:这个代码是从网上扒的,里面的一些js的引用还有图片原创 2015-08-05 14:34:29 · 6590 阅读 · 0 评论 -
完美的jquery事件绑定方法on()
在讲on()方法之前,我们先讲讲在on()方法出现前的那些事件绑定方法:.live()jQuery 1.3新增的live()方法,用法如下:$("#info_table td").live("click",function(){/*显示更多信息*/});这里的.live()方法会把click事件绑定到$(document)对象,而且只需要给$(documen原创 2015-07-23 14:40:24 · 2446 阅读 · 0 评论 -
jQuery.outerWidth() 函数详解
outerWidth()函数用于设置或返回当前匹配元素的外宽度。外宽度默认包括元素的内边距(padding)、边框(border),但不包括外边距(margin)部分的宽度。你也可以指定参数为true,以包括外边距(margin)部分的宽度。如下图:如果你要获取其它情况的宽度,请使用width()和innerWidth(),你可以点此查看三者之间的区别。该函数属于jQuery对象(实例原创 2015-07-20 13:50:37 · 1705 阅读 · 0 评论 -
jq仿京东图片放大效果
今天在公司接到任务做一个商品图片放大的效果,于是查了很多资料花了一下午时间写了一个jq插件,废话不多说直接上代码我已经写了大量注释,大家可以自己看看。(function($){ $.fn.jqueryzoom = function(options){ var settings = { xzoom: 200,//宽度 yzoom: 200,//高度 offset原创 2015-07-07 14:25:49 · 1394 阅读 · 0 评论 -
缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
Lazy Load 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。如果一个人不看下面的图片,那加载下面的图片就是一种浪费。转载 2015-07-06 14:32:12 · 455 阅读 · 0 评论 -
jquery 事件冒泡的介绍以及如何阻止事件冒泡
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理,挺起来感觉这么不可思议,接下来为大家解除疑惑什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那原创 2015-07-27 13:05:05 · 714 阅读 · 0 评论 -
jQuery powerSwitch万能slide(切换)插件
jQuery powerSwitch万能slide(切换)插件by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3758测试页面、demo页面、API文档测试页面: http://rawgithub.com/zhangxinxu/powerSwi转载 2015-07-12 20:02:29 · 1924 阅读 · 0 评论 -
jquery实现图片预加载
//图片预加载 $.preloadImages = function() { for (var i = 0; i < arguments.length; i++) { var img = $("").attr("src", arguments[i]); } } $.preloadImages("image1.jpg","image2.jpg"); $('#conta原创 2015-07-02 19:09:08 · 646 阅读 · 0 评论 -
jquery插件开发基础知识点
学习了一段时间的jquery,感觉已经是时候开始更进一步啦,于是开始学习并尝试开发jquery插件,扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱。一、入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性,此处添加的对象属性的名称就是你插件的名称:.代码如下:原创 2015-10-08 11:38:12 · 460 阅读 · 0 评论