资源描述：
《jquery基础的工厂函数以及定时器的经典实例分析_jquery》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、jQuery基础的工厂函数以及定时器的经典实例分析1.jQuery的基本信息：1.1定义：jQuery是JavaScript的程序库之它是JavaScript对象和实用函数的封装，1.2作用：许多使用JavaScript能实现的交互特效，使用JQuery都能完美地实现，下面通过五个用途来更多的了解。1.2.1访问和操作DOM元素1.2.2制作页面样式1.2.3对页而时间的处理1.2.4方便地使用jQuery插件1.2.5与Ajax的完美结合1.3优势：想必有人就会问了：为什么人们会更多的选择jQ
2、uery呢？因为jQuery的主旨就是wrutcless,domore（以更少的代码，实现更多的功能），它拥有着独特的选择器、链式操作、事件处理机制和封装、以及完善的Ajax都是其他JavaScript哭望成莫及的。2.jQuery的相关应用：2.1如果想在页面中引用jQuery库，只需要将下载好的jQuery库放在目录js下即可，一般引用时都使用的相对路径。jQuery的关键字〃$〃2.2相关函数的语法与案例2.2.1等待html页面所有的文档解析完毕后在运行的函数模块$(document).
3、ready(function(){alert(message);//函数、事件模块})；//简写版$(function(){alert(message);//函数、事件模块})；2.2.2工厂函数$()$()作用1：是将D0M对象转化为jQuery对象，因为只有将DOM对象转化为jQuery对象后，才能使用jQuery的方法(jQuery的方法都是特有的)$(function(){//将JQuery转化为D0M对彖vardom二$[0];//然后才能调用D0M的属性dom.inncrTcxt;/
4、/将DOM对象转化为JQuery对象var$dom=$(dom);//用jQuery对象调用它的jQuerry的方法$dom.text();$()作用2：通过获取选择器名，然后给选择器对应的内容注册事件//鼠标移到标签上和移开的两个事件//jQuery独有的连缀效果$(function(){$("li").mouseover(function(){$(this).css(z，backgrouncT,"green〃)；}).mouseout(function(){//this,style,back
5、ground二〃“；this,style.cssText二^background:/z;})；})；〃单击事件$(function(){$(z，h2，z).click(function(){$("h2")・css({"font-size":"50px","color":"red"});$(〃p〃).css({〃font-size〃：〃30px〃，"color":"red","padding-left〃：〃lpx〃，ine-height":〃30px〃});});});1.定时器的几个经典案例1.
6、1图片自动切换背景图片轮换vari二1;functionmyinig(){〃通过i改变图片的名称从而实现图片自动切换if(i<5){i++；}else{i=1；〃当i超出是重新赋值使其实现循环切换图片}〃通过id获取图片并给它的src属性重新赋值vardom二d
7、ocument.getElementByld(〃id〃)；dom.src二'image/'+i+'・jpg';}//启动定时器，给它一定的时间(毫秒)setinterval(myimg,500);
