以图明志

JQuery

博客新加入“扫码阅读”功能

给文章生成二维码
今天看到一个用户发了个话题,“PC端的URL在移动端上打开要一个个敲好麻烦,有什么好的办法?”。确实现在已经是移动时代了,在移动设备上阅读慢慢会成为主流,网站如果没有便捷的方式让用户在移动设备阅读的话还真有点落伍,于是想想就做个“扫码阅读”的功能吧。其实很简单,就是将网址生成二维码就行了。无论用PHP生成,还是用JavaScript生成都是可以的,从代码改动来说,用JavaScript会更省事些。

JQuery

JQuery选择器$()的工作原理浅析

选择器写成$('#id')的时候最快
每次申明一个jQuery对象的时候,返回的是jQuery.prototype.init对象,很多人就会不明白,init明明是jQuery.fn的方法啊,实际上这里不是方法,而是init的构造函数,因为js的prototype对象可以实现继承,加上js的对象只是引用不会是拷贝,new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的,只是有没有执行到init的不同。

JQuery

如何优化JQuery each()函数的性能

有时还需要对JQuery的具体实现进行了解
这篇文章,仅仅是想在jQuery的各个实现的层面上来进行优化,只涉及到了对jQuery整个运行过程的分析、细节介绍和优化方向,并没有提到一些基本之基本的优化方法,比如:先将整个table从DOM树中移除,完成所有的操作之后再放回DOM,减少repaint。将mouseover和mouseout改为mouseenter和mouseleave,减少因为下正确的事件冒泡模型导致的重复的事件函数的执行。

JQuery

强大的JQuery数组封装使用

JQuery数组操作方法汇总
JQuery对数组的处理非常便捷并且功能强大齐全,一步到位的封装了很多原生js数组不能企及的功能。下面来看看JQuery数组的强大之处在哪。不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容.

JQuery

收藏几个JQuery解析XML的程序例子

解析XML数据是常见的编程任务
用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。如果读取的xml是来于xml文件,这结合上面的那点,处理如下$.get("xmlfile.xml",function(xml){$(xml).find("item").length;});

JQuery

用JQuery的$.getJSON发起跨域Ajax请求

getJSON来调用并获取远程的JSON字符串
jquery提供了$.getJSON的方法,让我们可以实现跨域ajax请求,但jqueryAPI上的内容实在太少,如何用$.getJSON,请求网站应该返回怎样的数据库才能让$.getJSON获取到,下面我就用一个实际例子来说明下。由于在PHP中是用JSON编码返回值,所以此处必须用getJSON去调用PHP文件,从而获取数据。

JQuery

提取JQuery的ready()方法来单独使用

如何实现加载DOM时执行js代码
有一些功能需求,需要在DOM载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个JQuery库,于是就把jQuery的方法提取出来,单独使用了。大家可以使用windows.onload事件,但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生,如果页面内有大的图片的话,会在页面展现后好久时间后才执行。

JQuery

JQuery拖拽改变元素的尺寸

top、left、width、height 的运用
"元素拖拽改变大小"其实和"元素拖拽"一个原理,只是所动态改变的对象不同而已,主要在于 top、left、width、height 的运用,相对实现起来也非常容易。以下附出源码原型,弄明白了原理再扩展其他实际应用,思路就变得简单、清晰得多了。

JQuery

JQuery中的each()的使用

可以遍历对象、数组的属性值并进行处理
each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。

JQuery

JQuery下拉控件select的操作汇总

用JQuery便捷操作select控件
JQuery获取和设置Select选项方法汇总如下:获取select 选中的 text :$("#ddlRegType").find("option:selected").text();获取select选中的 value:$("#nowamagic").val(); 获取select选中的索引:$("#nowamagic").get(0).selectedIndex;

JQuery

JQuery用鼠标选文字来发新浪微博

一个小demo
最近注意到新浪博客有个小功能,就是当鼠标选中一段文字时会浮现一个小图片,点击这个图片可以把选中内容发送到新浪微博,一时兴起昨晚就写了一个Demo玩了一下,代码超简单,没优化,有兴趣的朋友可以自己改进。原理很简单,先获得鼠标选中文字,然后调用新浪博客中提供的页面,把文字作为参数传过去就OK了。

JQuery

JQuery队列queue与原生模仿其实现

queue和dequeue的用法
jQuery中的queue和dequeue是一组很有用的方法,他们对于一系列需要按次序运行的函数特别有用。特别animate动画,ajax,以及timeout等需要一定时间的函数。queue() 方法显示或操作在匹配元素上执行的函数队列。用queue把函数加入队列(通常是函数数组)用dequeue将函数数组中的第一个函数取出,并执行(用shift()方法取出并执行)。

JQuery

十个迅速提升JQuery性能的技巧

简单的几步让你的JQuery跑得更快
本文提供即刻提升你的脚本性能的十个步骤。不用担心,这并不是什么高深的技巧。人人皆可运用!这些技巧包括:使用最新版本,合并、最小化脚本,用for替代each,用ID替代class选择器,给选择器指定前后文,建立缓存,避免DOM操作,避免使用concat(),利用join()处理长字串,返回false值,利用小抄和参考文档。

JQuery

动态更换网页的背景图

用JQuery实现自定义选择桌面
有些时候,我们可以为用户提供很贴心的功能,比如判断用户是什么时候来访问的,然后给出一句问候,晚上好,下午好之类的。并且更换网页的背景颜色,比如晚上的时候就可以用满天星星的背景,白天就用阳光灿烂,或者特定节日就用该主题背景,让你的网站显得非常灵活,不枯燥。

JQuery

分享一个JQuery弹出层插件

一个很好用的JQuery弹出效果
一个基于jQuery的弹出层。支持拖拽,支持内容为文字,图片,URL等!至于兼容性。在IE6下,弹出对像无法绝对固定。其他应该没啥大问题;像这种弹出透明背景层效果很常见了,除部分区域可以操作外其他区域不能操作,目前有提供插件,完全可以实现此种效果。

JQuery

用live()方法给新增节点绑定事件

bind()与live()
jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效。这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。
1 / 2 首页 < Prev 1 2 Next > 尾页 页码: