欢迎来到天天文库
浏览记录
ID:30778593
大小:49.50 KB
页数:4页
时间:2019-01-03
《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学习心得总结(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
此文档下载收益归作者所有