15天学会jQuery --第一天
what
jQuery是一个了不起的javascript库,它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站的方面说,这使得javascript更加有趣。
如果你这样想:“孩子,我需要另外一个javascript库,就好比我I need another hole in my head”那么加入这个俱乐部吧。这正是我第一次遇到的时候所想的。
我已经用
http://cyqdata.cn/cnblogs/article-detail-38738
jQuery-Selectors(选择器)的使用(二、层次篇)
本系列文章导航jQuery-Selectors(选择器)的使用(一、基本篇)jQuery-Selectors(选择器)的使用(二、层次篇)jQuery-Selectors(选择器)的使用(三、简单篇)jQuery-Selectors(选择器)的使用(四--五、内容篇&可见性篇)jQuery-Selectors(选择器)的使用(六、属性篇)jQuery-Selectors(选择器)的使用(七
http://cyqdata.cn/cnblogs/article-detail-38728
jQuery于json的结合
通过AJAX异步减少网络内容传输,而JSON则可以把传输内容缩减到纯数据;然后利用jQuery内置的AJAX功能直接获得JSON格式的数据;在客户端直接绑定到数据控件里面,从而达到最优。
1.设计htm页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
http://cyqdata.cn/cnblogs/article-detail-38723
60款很酷的 jQuery 幻灯片演示和下载
jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。
Cloud Carousel (演示 | 下载)
ShineTime (演示&
http://cyqdata.cn/cnblogs/article-detail-38714
一款比较实用齐全的jQuery 表单验证插件
一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.不多说,看DEMO吧: 点此查看DEMO点此下载DEMO如何使用?第一步,当然是和使用其他jQuery插件一样,引入插件文件v
http://cyqdata.cn/cnblogs/article-detail-38566
利用jQuery实现更简单的Ajax跨域请求
前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章(http://www.cnblogs.com/yjmyzz/archive/2008/09/14/1290789.html),这几天看了一下Jquery,发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本)
这里给出代码,希望对Ajax跨域感到棘手的朋友有所帮助:
http://cyqdata.cn/cnblogs/article-detail-38531
jQuery liger ui ligerGrid 打造通用的分页排序查询表格(提供下载)
一,ligerGrid是如何工作的。
在没有开始做之前,需要先了解一下ligerGrid是如何工作的。简单来说,liger grid 就是提交准备好的数据到指定的目标请求数据,拿到数据以后,显示出来。
所以问题在于发送什么数据,拿到什么数据。先来看看ligerGrid的参数:
url:
http://cyqdata.cn/cnblogs/article-detail-38511
jQuery语法总结及注意事项
1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquer
http://cyqdata.cn/cnblogs/article-detail-38487
jQuery插件开发 - 其实很简单
【前言】
jQuery已经被广泛使用,凭借其简洁的API,对DOM强大的操控性,易扩展性越来越受到web开发人员的喜爱,我在社区也发布了很多的jQuery插件,经常有人询问一些技巧,因此干脆写这么一篇文章给各位jQuery爱好者,算是抛砖引玉吧。
【基础】
a)样式
很
多人会认为样式是个很复杂的东西,需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI,抛开图片设计不说
http://cyqdata.cn/cnblogs/article-detail-38441
从零开始学习jQuery (八) 插播:jQuery实施方案
一.摘要
本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.
本篇文章属于临时插播, 用于介绍我在本公司的jQuery实施方案.
二.前言
有了前几章扎实的基础知识我们已经可以在项目中投入使用jQuery了.再继续深入学习jQuery前插播一下我的jQuery实施方案.
每
http://cyqdata.cn/cnblogs/article-detail-38429
jQuery Tools——不可错过的jQuery UI库(六)
在本系列文章的前五篇介绍了jQuery Tools中的工具组件使用,阅读过的朋友想必已经对它有所了解。今天这篇是jQueryTools系列文章的最后一篇,来介绍一个综合了jQueryTools中的滚动效果(Scrollable)、遮罩效果(Overlay)、提示工具条(Tooltip)和突出效果(Expose)的综合使用实例,希望能对jQuery Tools的灵活使用有更好的认识。
这个示例应该算
http://cyqdata.cn/cnblogs/article-detail-38331
最新28个很棒的 jQuery 教程
jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。今天的这篇文章收集了最新28个非常有用的 jQuery 教程分享给大家。
学习使用 jQuery 创建一个确认对话框
学习如何制作一个自动变换的幻灯片
如何制作带缩略图的全屏图片画廊
学习使用 jQuery 制作立体效果的滑动相册
学习使用 jQuery 制作谷歌圣诞涂鸦
学习使用
http://cyqdata.cn/cnblogs/article-detail-38279
jQuery对select操作小结
//
//
//遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option")
http://cyqdata.cn/cnblogs/article-detail-38253
15 Days of jQuery(Day 2)---很容易的制作双色表格
这节本身没有太多的价值,重点在它提供的这个例子上。我将代码帖出来然后对重点部分注释一下:我们先来看看Thewatchmakerproject传统的做法:预览地址(你可以查看一下源代码)。再来看看jQuery是如何用5行代码来搞定的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
http://cyqdata.cn/cnblogs/article-detail-38118
jQuery formValidator4.0.1 表单校验插件更新日志(已提供下载)
QQ交流群:74106519 加入QQ群, 目前新版插件在QQ群里试用,敬请期待更新时间
4.0.1修复了4.0目前已知的所有BUG,以及以前版本一直未解决的问题。
2011/5/22 jQuery formValidator 4.0.1 ver
规范插件的命名:1、对插件所有函数相关属性的命名采用Camel风格命名,即:第一个单词首字母小写,其余单词首字母大写。本次变动比较大,为了
http://cyqdata.cn/cnblogs/article-detail-37955
jQuery Tools——不可错过的jQuery UI库(一)
jQuery Tools是一组基于jQuery构建的用户界面常用组件的集合。通过使用jQueryTools,网站前端开发无疑会变得更加高效。值得注意的是,jQueryTools的gzip压缩版本仅有5.8k,如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述:
jQuery Tools包含如今网站六个最有用的javascript工具。它的一个优点是所有这些工具可以一
http://cyqdata.cn/cnblogs/article-detail-37949
26个jQuery幻灯插件
图片画廊和幻灯片效果在web站点展示图片和相片时是非常常用的,而jquery图片插件给我们带来了便利,你甚至不需要JavaScript 和 jquery的开发经验,就可以轻松展示很炫的图片效果,在这篇文章中你可以看到26个jQuery幻灯插件的效果。
jquery画廊和滑动效果教程:
Create an Image Rotator with Description (CSS/jquery)
jq
http://cyqdata.cn/cnblogs/article-detail-37938
jQuery高级应用:优化Web应用程序的最后绝招
jQuery让编写基于JavaScript的良好Web应用程序变得简单明了,但是要想将好的Web应用程序变得更出色还需要额外几个步骤。本文详细阐述几个让Web应用程序变得更强大的步骤,这些步骤是优化您的Web应用程序的最后绝招。
第一个示例应用程序
本文中的大部分技巧都可以从附带的样例应用程序中找到,这是一个直观的电子邮件Web应用程序。不过,您可以看到它是如何从第一篇文章中发展而来的,
http://cyqdata.cn/cnblogs/article-detail-37916
jQuery中文入门指南(三) - Rate me:使用AJAX
在这一部分我们写了一个小小的AJAX应用,它能够rate一些东西(译Keel注:就是对某些东西投票),就像在youtube.com上面看到的一样。
首先我们需要一些服务器端代码,这个例子中用到了一个PHP文件,读取rating参数然后返回rating总数和平均数。看一下rate.php代码.
虽然这些例子也可以不使用AJAX来实现,但显示我们不会那么做,我们用jQuery生成一个DIV容器,ID是
http://cyqdata.cn/cnblogs/article-detail-37907
一个JSON 实例: jQuery 解析JSON数据
JSON 是一种比较方便的数据形式 具体的大家可以参考http://baike.baidu.com/view/136475.htm 还挺详细的。
今天用JQuery 写了一个JSON的东西,用了 $.getJSON方法,获得JSON数据和解析 都挺方便简单的。
从http://api.flickr.com/services/feeds/photos_public.gne?tags=cat
http://cyqdata.cn/cnblogs/article-detail-37875
