jquery学习心得总结(必看篇)_jquery

jquery学习心得总结(必看篇)_jquery

ID:30778593

大小:49.50 KB

页数:4页

时间:2019-01-03

jquery学习心得总结(必看篇)_jquery_第1页
jquery学习心得总结(必看篇)_jquery_第2页
jquery学习心得总结(必看篇)_jquery_第3页
jquery学习心得总结(必看篇)_jquery_第4页
资源描述:

《jquery学习心得总结(必看篇)_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、jQuery学习心得总结(必看篇)jQuery对象•jQuery对象就是通过jQuery包装DOM对象后产生的对象。•jQuery对象是jQuery独有的。•只有jQuery对彖才能使用jQuery的方法,在jQuery对彖小无法使用DOM对象的任何方法,反之DOM对象也无法使用任何jQuery的方法。•约定:如果获取的是jQuery对彖,那么要在变量前面加上$•jQuery对象屮封装了多个DOM对象,同吋jQuery对象是类数组对象•数组与类数组对象的区别1・数组的类型是Array2.类数组对象的类

2、型是ObjectDOM对象转jQuery对象•使用$()将DOM对象包装起来,就可以转换成jQuery对象varitem=document.getElementsByTagName(,uV)[0],//DOM对象$item=$(item);//jQuery对彖jQuery对象转换为DOM对象jQuery对象通过jQuery提供的get(index)方法,得到对应的DOM对象var$ul=$CuV),ul=$ul.get(0);jQuery对象是一个类数组对象,可以通过[]方式,得到对应的DOM对象。类

3、数组对象类数组对象本质就是一个对象,只不过存储方式类似于数组的结构•arguments对象接受函数实参的个数叮Query对象底层就是dom对象属性•length属性(数组的长度

4、元素的个数)方法•get(index):根据index放冋对应的dom对象•eq(index):根据index返回对应的jQuery对象•index():杳找元素的索引值ready和onlaod的区别ready1.具有简写方式2.在一个HTML页面中允许出现多个3•加载完DOM结构就执行4.执行速度快onload1.没有简写方

5、式2.在一个HTML页面中只能使用一个3.需要等页面所有资源加载完才执行4•执行速度比ready慢jQuery动画基木隐藏、显示效果•show()/hide()$Cdiv')・show(1000).hide(1000);若是对同一个jQuery对象使用,可以采用链式操作。滑动式动应效果•slideDown()/slideUp()$('div,).slideUp(lOOO).slideDown(1000);淡入淡出•fadeln()淡入•fadeOut()淡出$(,div^.fadeln(1000).f

6、adeOut(1000);并发和排队效果•并发效果:设置多个动画同时执行•排队效果:设置多个动忸i,按照先后顺序依次执行jQuery插件jQuery插件的作用•扩展jQuery的功能•呈现组件化特点日期插件-layDate插件•layDate初步使用1.弓

7、入laydate.js2.laydate(options)开发插件全局函数全局函数,实际上就是jQuery本身的方法。jQuery内置的一些功能是通过全局函数实现的。•比如$・ajax()就是典型的全局函数向jQuery命名空间添加一个函数,只需耍

8、将这个新函数指定为jQuery本身的一个属性$.globalFunction二function(){//todo...};可以通过jQuery.globalFunction()或者$.globalFunction()来调用当需要添加多个函数可以使用$.extend()函数$.extend({functionOne:function(){//todo...},functionTwo:function(){//todo...}});通过上述代码叮以添加全局函数,但是代码存在有关命名空间的风险我们可以把屈于

9、一个插件的所有全局函数封装到一个对象$.plugins=functionO{functionOne:function(){//todo.・・},functionTwo:function(){//todo.・・}};通过上述代码,其实是为全局函数创建了另一个方法pluginsfunctionOne和functionTwo已经成为plugins对象的属性。$.plugins.functionOne();$.plugins,functionTwoO;添加jQuery实例对象的方法$.fn.method=fu

10、nction(){};对象方法的环境在任何插件方法内部,关键字this引用的都是当前调用方法的jQuery对象,因此口J以在this上面调用任何内置的jQuery方法。方法连缀通过returnthis来实现链式操作以上这篇jQuery学习心得总结(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。