学习jquery 我在网上总结所有jquery的资料 非常全面资料.docx

JQuery入门到精通系列第一篇：Hello JQuery20101JQuery入门到精通系列第二篇：选择器的使用4JQuery入门到精通系列第三篇：DOM操作6JQuery入门到精通系列第四篇：Jquery的事件10JQuery入门到精通系列第五篇：jquery实现动画201015JQuery入门到精通系列第六篇：jquery使用ajax交互操作19Jquery全选checkbox30验证邮箱和身份证号 VIS30分享10个基于jQuery的文本编辑器与独立免费的JS网页编辑器32JQuery操作iframe父页面与子页面的元素与方法33jValidate表单检测插件，基于jQuery的表单验证插件34jquery.form.js应用 jquery表单验证Form插件例子35jQuery插件星级评分,Jquery实现星级评分效果40简简单单使用正则表达式提取图片地址(img的src值)42下面介绍使用JQUERY获取text,areatext,radio,checkbox,select值的方法43jquery弹出对话框组件下载,看下这个Jquery模态对话框终极版效果47jQuery s3Slider插件实现产品效果炫丽，非常不错48jQuery实现分页功能，使用PagedTable插件51jQuery插件之pop弹出框52学习jquery分享资源站52最强大最好最全的javascript 验证表单的例子52JQuery入门到精通系列第一篇：Hello JQuery2010三、第一个JQuery程序：html xmlns=/1999/xhtmlhead runat=server title/title script src=Scripts/jquery-1.3.2.js type=text/javascript/script script type=text/javascript $(document).ready( function () { alert(hello world); } ); /script/head/html首先要导入jquery库文件script src=Scripts/jquery-1.3.2.js type=text/javascript/script在JQuery中$代表的是JQuery，$(document)等价于JQuery(document)。$(document).ready(function(){/**/});上面这段代码会在以后的JQuery代码中经常用到。它类似于JavaScript的window.onload();在文档加载完成后会执行function(){}中的内容。但它们之间又有细微的不同之处：a.执行时机不同：window.onload()是等待页面所有内容加载完成后被触发。而$(document).ready();是等待页面中DOM元素绘制完成后被触发。如果页面中有大量图片，window.onload()是等待所有图片都显示完成后再被触发；而$(document).ready();是页面中HTML生成完成后就被触发，可以此时图片还没来得及显示出来。b.编写个数不同：如果页面中有多个$(document).ready()，那这些代码都能被执行。如：$(document).ready( function () { alert(hello world); } ); $(document).ready( function () { alert(hello again); } ); 执行结果：会依次弹出两个提示框。如果页面中有多个window.onload()，那只有最后一个的代码会被执行如： window.onload=function(){ alert(hello world); }; window.onload=function(){ alert(hello again); } 执行结果：只会弹出一个提示框“hello again”。四、稍微复杂的点JQuery程序html xmlns=/1999/xhtmlhead runat=server title/title script src=Scripts/jquery-1.3.2.js type=text/javascript/script script type=text/javascript $(doc