以图明志

JQuery

使用Google的CDN JQuery库

Google JQuery库的优势
CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络"边缘",使用户可 以就近取得所需的内容,解决Internet网络拥挤的状况,提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因所造成的用户访问网站响应速度慢的问题。

JQuery

JQuery各选择器介绍

JQuery选择符的理解与应用
JQuery强大的选择符可以让我们获得页面中任何元素进行操作,并且使用简单方便,可读性强。本章内容根据本人在开发中常用到的选择符作为例子来进行讲解,如有更多常用的简单的例子可回复提供,参与讨论,一起学习研究,首先我们从常用的CSS选择符开始。

JQuery

JQuery仿淘宝滚动加载图片

减少页面第一次显示的流量
用 JQuery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示的流量,加快页面第一屏显示的速度。通过 setInterval 定时事件,检测滚动条的位置,再进行 ajax 请求服务端数据,加载图片到页面上。

JQuery

一些实用的JQuery代码片段收集

实用关键代码
本文将展示50个非常实用的JQuery代码片段,这些代码能够给你的JavaScript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。好好仔细看一遍,你肯定会有收获。比如常见的修改jQuery默认编码,解决jQuery, prototype冲突等问题。

JQuery

推荐一款JQuery星形评级插件

JQuery Star Rating
jRating 是一个非常灵活的jQuery插件用于快速创建一个Ajax星型投票系统。可以设置星型数量和小数支持。功能很强大,具体大家可以看一下这个插件的js代码就知道了,下面这里演示一下这个插件有哪些功能与具体如何实现。

JQuery

怎样才能高效地使用JQuery

JQuery要怎么写才能速度最快?
jQuery的版本更新很快,你应该总是使用最新的版本。因为新版本会改进性能,还有很多新功能。性能来说,ID选择器遥遥领先,然后是标签选择器,第三是Class选择器,其他选择器都非常慢。jQuery速度再快,也无法与原生的javascript方法相比。所以有原生方法可以使用的场合,尽量避免使用jQuery。

JQuery

仿微博的JQuery日历控件

重造个轮子
就是常见的选取日期的日历控件而已,还没到的日期无法选择,其它的都和正常日历控件差不多,先看看演示效果吧。实现原理主要是处理table,生成tr td,其中最重要的是如何找出每月第一天是星期几,然后就能对应出这个月的余下天数。日历控件网上一搜一大把,但是我觉得自己写一遍还是有好处的。

JQuery

JQuery里的原型prototype分析

函数对象都有一个默认的属性 prototype
在 JavaScript 中,每个函数对象都有一个默认的属性 prototype,称为函数对象的原型成员,这个属性指向一个对象,称为函数的原型对象,当我们每定义了一个函数的时候,JavaScript 就创建了一个对应的原型对象,也就是说,当我们定义一个函数的时候,实际上得到了两个对象,一个函数对象,一个原型对象。

JQuery

JQuery一些常见用法与技巧介绍

简洁快速灵活的 JavaScript 框架
随着 Web2.0 及 Ajax 思想在互联网上的快速发展传播,陆续出现了一些优秀的js框架,其中比较著名的有 Prototype、YUI、jQuery、mootools、Bindows 以及国内的 JSVM 框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。

JQuery

赞叹下JQuery的构造器$()完美

jQuery的构造器已经做得非常之完美
jQuery的$符号非常神奇,它可以接受一个字符,也可以接受一个文档对象或window对象,亦可以传个函数进行变为domReady加载器。显然,能做到这一步,其实现是相当的复杂,这个实现就是它的init方法,jQuery的真实构造器。它功能也随着版本的升级而升级,越来越长。

JQuery

一次与JQuery对象获取$()冲突问题的解决

重新命名该对象获取函数即可
如果不用JQuery,为了不频繁使用 document.getElementById() 这个方法,很多人会写下面的一个方法来解决这个问题:var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; };但是你如果突然想使用JQuery,那么这么写会与JQuery冲突的,导致JQuery获取不了对象。

JQuery

写一个JQuery输入自动补全的插件

自动补全是一个非常人性化的设计
自动补全是一个非常人性化的设计,可以为用户节省很多输入时间。自动补全是如何实现的呢?下面的程序可供参考。感觉这个东西很常用,很多其它js框架里有,但是太大了,用不了太多,自己写了个。

JQuery

JQuery 1.5 的一些细节改动

jQuery 1.5 beta1 AJAX的完全重写
jQuery 1.5 beta1出来了,从学习跟进上来说,这一次已经比较晚了(我竟然不知道1.5什么时候出的alpha,就这么beta了)。这个1.5版本最大的更新是AJAX的完全重写,提供了更强的可扩展性。但是受制于精力和篇幅,对新的AJAX的分析还是放到下回,本篇先简单介绍一下细节方面的改进。

JQuery

JQuery获取被选中复选框checkbox的个数

需要用到jQuery的size()方法或length属性
有这么一个需求,在多个复选框中最多选四个,并且复选框一旦选中之后,就不能再次选择。用JQuery实现不难,在这里简单记录一下,先看看下面的效果演示吧。通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子是通过length属性获得checkbox选中项的个数。

JQuery

JQuery获取与解析JSON数据一例

用$.getJSON方法,实现获得JSON数据和解析
JSON 是一种比较方便的数据形式,下面使用$.getJSON方法,实现获得JSON数据和解析,都挺方便简单的。从http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=? 这个地址得到JSON数据 并且分析里面的结构,生成图片和相关链接等。

JQuery

做一个JQuery右下角消息框弹窗

右下角弹窗在互联网上使用得非常普遍
右下角弹窗在互联网上使用得非常普遍,虽然这种方式会很大地影响到用户体验,但是领导有这个要求,我们还是得做。下面是介绍一个刚写的弹窗例子,做得还算凑合吧。scroll : 滚动时候保持在页面右侧底部,resize: 浏览器变化时候保持在页面右侧底部。
2 / 2 首页 < Prev 1 2 Next > 尾页 页码: