文章分类 - Jquery资料
摘要：JQuery，是轻量级的js库,把繁琐的js代码封装，使调用更简单，完成更多功能。同样，封装了js利用XMLHttpRequest实现的异步刷新.今天很简单介绍这一封装的调用示例如下:调用页面:JqueryTest.aspx(注:后台无代码)<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryTest.aspx.cs" Inherits="XmlHttpRequestTest.JqueryTest" %><!DOCTYPE
阅读全文
摘要：近一年没有更新博客. 这一年我进行了我的第一次跳槽和转型. 从架构到一名前端开发, 这个转型是纠结的.现在我是百度的一名前端开发工程师.“从零学习jQuery”系列教程收到了很多人喜欢, 这一年在经历转型的同时, 也完成了一本介绍jQuery的书: “jQuery风暴”在这里向大家郑重推荐这本书. 写书的时候jQuery还是1.3.2, 随后更新了到了1.4, 但是在已经交稿后, jQuery又推出了1.5版本. 所以虽然本书在2011年3月底四月初就可以购买到, 但是依然是基于1.4版本的jQuery进行讲解. 针对1.5的新特性, 我将随后通过博文进行讲解和说明.“jQuery风暴”在编写
阅读全文
摘要：jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。本文收集了非常棒的jQuery表单插件与大家分享，欢迎大家推荐更多更好的插件。1- jQuery inline form validation2- Uniform 3- Autotab 4- jquery Niceforms 5- jquery Form Validator6- Toggle FormText plug-in 7- jQuery Field Plug-in 8- In-Field Labels jQuery Plugin
阅读全文
摘要：上期在[jQuery插件Validate验证表单实现javascript表单验证功能]和[jQuery插件Validation验证表单实现javascript表单智能验证功能]中分别介绍了两个实现表单验证的jQuery插件，这里介绍另外一个表单验证插件formValidation，这个插件与前面两个插件的最大区别在于它实现了个性化的错误提示信息，显示在表单元素右上角类似于提示条，其效果图如下：使用说明需要使用jQuery库文件和formValidation库文件[下载实例代码]http://jquery.com/同时需要自定义显示提示错误信息的CSS样式使用实例一，包含文件部分<scri
阅读全文
摘要：中文汉化版，官方只有英文的。同时根据中国国情修改了部分验证规则。这个插件支持大部分的浏览器，但由于有使用到了css3的阴影和圆角样式，所以在IE浏览器下无法看到圆角和阴影效果（万恶的IE）。官方下载地址：http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 普通验证的例子：http://www.position-relative.net/creation/formValidator/ajax验证的例子：http://www.position-relat
阅读全文
摘要：上期在[jQuery插件Validate验证表单实现javascript表单验证功能]和[jQuery插件Validation验证表单实现javascript表单智能验证功能]中分别介绍了两个实现表单验证的jQuery插件，这里介绍另外一个表单验证插件formValidation，这个插件与前面两个插件的最大区别在于它实现了个性化的错误提示信息，显示在表单元素右上角类似于提示条，其效果图如下：使用说明需要使用jQuery库文件和formValidation库文件[下载实例代码]http://jquery.com/同时需要自定义显示提示错误信息的CSS样式使用实例一，包含文件部分<scri
阅读全文
摘要：下面链接中是我用jQuery的扩展来实现的表格分页和排序，使用这个扩展必须加上表头<thead>和<tbody>标签，因为我是通过<tbody>来进行分页的，要是不加thead，那么表头也要作为分页计算时的一个行了。下载代码和示例：jqueryPaging.rar使用方法如下：<script language="javascript" type="text/javascript">$("#myTable").tablePaging({ pageSize: 5, sorting: true
阅读全文
摘要：jquery调用页面后台方法如下：给出了两个简单的例子，无参数的和有参数的，返回的都是json数据。<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
阅读全文
摘要：jQuery.autocomplete 是jquery的流行插件，，能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能，支持ajax数据加载。但唯一遗憾的是，在对中文输入法打开时，firefox3.0中是对中文拼音的自动匹配，而对输入后的中文无法及时触发匹配；而在我的IE6.0下，则无此问题。原因分析：Autocomplete插件对用户输入字符的触发自动匹配是通过”keydown”事件进行的（可分析jquery.autocomplete.js第 92行），在IE6中，当输入法打开时，输入的字符是不会触发”keydown”的，只有中文输入完毕才
阅读全文
摘要：以下这些jQuery资源将能引导您走向jQuery大师之路。（红色表示cool!） 相关文章 Getting Started with jQuery – jQuery官方入门指引 jQuery for JavaScript Programmers – Simon Willison (django创始人) 编写的jQuery指引，适合有Javascript基础者 jQuery Crash Course – Nathan Smith编写的jQuery快速指引，网络杂志形式 Introduction to jQuery – Rick Strahl, 知名微软技术开发人员，介绍如何将jQuery与As
阅读全文
摘要：之前有個需求是讓 User 按下確定鈕後，程式會呼叫 Flash 進行一段小動畫，執行完後會告知 User 中獎的獎項資料，因為 Flash 執行期間 User 不小心按了 F5 進行重新整理後就會看不到中獎獎項，雖然 User 事後可以使用查詢功能查詢中獎資料，但 Flash 執行到一半就中斷感覺不是很好，所以就寫了一個可以將鍵盤 F5 功能禁能的程式(包含回上頁、回下頁禁能)，此程式只能擋鍵盤操作的部份，若點選瀏覽器工具列就沒辦法了。我將程式用 jQuery 包成了2 個 Function： disableF5Key：禁止按下鍵盤 F5、Alt+Left(回上一頁)、Alt+Right(到
阅读全文
摘要：$("ul > li").hover(tab);function tab() { $(this).addClass("ll").siblings().removeClass("ll"); var tab = $(this).attr("title"); $("#" + tab).show().siblings().hide(); };li中和title必须和div中的id一致！ <script type="text/javascript" src="jq
阅读全文
摘要：1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();//获取Select选择的Text3. var checkValue=$("#select_id").val();//获取Select选择的Value4. var checkIndex=$("#select_id ").ge
阅读全文
摘要：最近一段时间准备开始学习JQUERY,感觉JQUERY的功能非常强大,而且代码量也减少了许多....代码也非常的清晰!下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖!好了 开始进入正题吧:1.首先定义CSS样式表:Css Code 1 <style type="text/css"> 2 body{font-size:13px} 3 ul,li{list-style-type:none;padding:0px;margin:0px} 4 .menu{width:190px;border:solid 1px #E5D1A1;backg
阅读全文
摘要：最近写了一些列Asp.net MVC 3的文章，很高兴有这么多人阅读并留言了。说实话我并没有用Asp.net MVC做什么实际的项目，哪怕是开源的项目，所以写的东西没啥大多的实际价值。今天终于是要离开工作三年的公司了，有点伤感。。。。。人生的第一次换工作真的是有点百感交集。怀念我参与的那些项目，那群大哥大姐们。。。。。在写jQuery的插件前先和大家分享点最近面试的经验，希望对最近换工作的朋友有点帮助。总结如下：1.面试前一晚上一定别熬夜，，，，，这个是很重要的。并不是为了你做题时头脑清醒，而是加深面试官对你的印象。。。。。。对于一个很颓废的和一个很阳关的开发者，我想，面试人员一定会先考虑那个
阅读全文
摘要：上个月我写了一篇关于网页游戏图片预加载技术的文章，叫《很山寨的网页游戏图片预加载技术》。这个方案用到项目上后，发现了一些问题，经过大家的努力，这些问题基本得到解决，最终形成了一个产品级的预加载方案。目前，使用该方案的游戏项目已经顺利过了单元测试与整体测试，即将内测。 主要思路就是利用浏览器的缓存功能，尽可能简单的实现加载过程。因此该方案生效的前提是浏览器一定要开启缓存功能（IE、Firefox等默认都是开启的） 1.首先，你需要把所有需要预加载的图片放到电脑上的一个文件夹下面。我的系统是ArchLinux的，所以我写了一个bash脚本来扫描图片文件夹下面所有的图片，并生成一段HTML代码，脚本
阅读全文
摘要：jquery调用页面后台方法如下：给出了两个简单的例子，无参数的和有参数的，返回的都是json数据。<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryCSMethodForm.aspx.cs" Inherits="JQuerWeb.JqueryCSMethodForm" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
阅读全文
摘要：或许在网络上你已经见过数百种通过jQuery实现的相册，但是我们发现的这些相册，他们有额外的东西，优雅和独特的创意！每个相册都是可在线预览和免费下载的。你可以为你的Web项目添加色彩。 这里和大家分享一些很棒的网页照片相册。是由Tympanus通过jQuery来实现的。或许在网络上你已经见过数百种通过jQuery实现的相册，但是我们发现的这些相册，他们有额外的东西，优雅和独特的创意！每个相册都是可在线预览和免费下载的。你可以为你的Web项目添加色彩。我们将看到这10个jQuery相册：1、 Photobie宝丽画廊下载：http://tympanus.net/Tutorials/Polaroi
阅读全文
摘要：导语：jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的产品幻灯片插件。J
阅读全文
摘要：一、效果图： tips:源码下载：http://files.cnblogs.com/waitingbar/text.rar二、jquery源码：view sourceprint?01(function($){ 02//扩展这个方法到jquery; 03$.fn.extend({ 04//将可选择的变量传递给方法 05slideimg: function(options) { 06//参数和默认值 07var defaults = { 08tol_class:'.goleftbtn', //获得点击左按钮的class 09tor_class:'.gorightbtn
阅读全文
浙公网安备 33010602011771号