jQuery学习心得总结(必看篇)(jquery课程内容总结)

推荐整理分享jQuery学习心得总结(必看篇)(jquery课程内容总结)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery心得体会,jquery学完学什么,jquery课程内容总结,jquery心得收获,jquery实训报告心得体会,jquery心得收获,jquery实训心得,jquery课程体会,内容如对您有帮助，希望把文章链接给更多的朋友！

jQuery 对象

&#;jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。

&#;jQuery 对象是 jQuery 独有的。

&#;只有 jQuery 对象才能使用 jQuery 的方法，在 jQuery 对象中无法使用 DOM 对象的任何方法，反之 DOM 对象也无法使用任何 jQuery 的方法。

&#;约定：如果获取的是 jQuery 对象，那么要在变量前面加上 $

&#;jQuery 对象中封装了多个 DOM 对象，同时 jQuery 对象是类数组对象

&#;数组与类数组对象的区别

1.数组的类型是Array

2.类数组对象的类型是 Object

DOM 对象转 jQuery 对象

&#;使用 $（）将 DOM 对象包装起来，就可以转换成 jQuery 对象

jQuery 对象转换为 DOM 对象

jQuery 对象通过 jQuery 提供的 get（index）方法，得到对应的 DOM 对象

jQuery 对象是一个类数组对象，可以通过 [] 方式，得到对应的 DOM 对象。

类数组对象

类数组对象本质就是一个对象，只不过存储方式类似于数组的结构

&#;arguments 对象 ---- 接受函数实参的个数&#;jQuery 对象 ---- 底层就是 dom 对象

属性

&#;length 属性（数组的长度 | 元素的个数）

方法

&#;get（index）：根据 index 放回对应的 dom 对象&#;eq（index）：根据 index 返回对应的 jQuery 对象&#;index（）：查找元素的索引值

ready 和 onlaod 的区别

ready

1.具有简写方式2.在一个 HTML 页面中允许出现多个3.加载完 DOM 结构就执行4.执行速度快

onload

1.没有简写方式2.在一个 HTML 页面中只能使用一个3.需要等页面所有资源加载完才执行4.执行速度比 ready 慢

jQuery 动画

基本隐藏、显示效果

&#;show（）/ hide（）

若是对同一个 jQuery 对象使用，可以采用链式操作。

滑动式动画效果

&#;slideDown（）/ slideUp（）

淡入淡出

&#;fadeIn（）淡入&#;fadeOut（）淡出

并发和排队效果

&#;并发效果：设置多个动画同时执行&#;排队效果：设置多个动画，按照先后顺序依次执行

jQuery 插件

jQuery 插件的作用

&#;扩展 jQuery 的功能&#;呈现组件化特点

日期插件 - layDate插件

&#;layDate初步使用1.引入 laydate.js2.laydate（options）

开发插件

全局函数

全局函数，实际上就是 jQuery 本身的方法。

jQuery 内置的一些功能是通过全局函数实现的。

&#;比如$.ajax（）就是典型的全局函数

向 jQuery 命名空间添加一个函数，只需要将这个新函数指定为 jQuery 本身的一个属性

可以通过 jQuery.globalFunction（）或者 $.globalFunction（）来调用

当需要添加多个函数可以使用$.extend（）函数

通过上述代码可以添加全局函数，但是代码存在有关命名空间的风险

我们可以把属于一个插件的所有全局函数封装到一个对象

通过上述代码，其实是为全局函数创建了另一个方法 --- plugins

functionOne 和 functionTwo 已经成为 plugins 对象的属性。

添加 jQuery 实例对象的方法

在任何插件方法内部，关键字 this 引用的都是当前调用方法的 jQuery对象，因此可以在 this 上面调用任何内置的 jQuery 方法。

方法连缀

通过 return this 来实现链式操作

以上这篇jQuery学习心得总结(必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

jquery输入数字随机抽奖特效的简单实现代码 简介：jQuery自定义数值抽奖活动代码是一款点击开始按钮计算机会产生玩家输入范围内的随机数，点击停止按钮，将显示数字最终结果的效果。效果图

jQuery自定义数值抽奖活动代码 本文实例为大家分享了jquery输入数字随机抽奖特效代码，供大家参考，具体内容如下代码如下：!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"titlejQuery自定义数值抽奖活

浅谈jquery点击label触发2次的问题 今天写问卷的时候遇到个label点击的时候，监听的click事件被执行两次；产生这个的原因么。。。事件冒泡divclass="questionBoxcheckBox"divclass="title"2.你如何理