2020-10-08

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

12var $ul = $(‘ul’),  ul = $ul.get(0);

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（）

1$(‘div’).show(1000).hide(1000);

若是对同一个 jQuery 对象使用，可以采用链式操作。 滑动式动画效果 •slideDown（）/ slideUp（）

1$(‘div’).slideUp(1000).slideDown(1000);

淡入淡出 •fadeIn（）淡入

•fadeOut（）淡出

1$(‘div’).fadeIn(1000).fadeOut(1000);

并发和排队效果 •并发效果：设置多个动画同时执行

•排队效果：设置多个动画，按照先后顺序依次执行 jQuery 插件

jQuery 插件的作用 •扩展 jQuery 的功能

•呈现组件化特点 日期插件 - layDate插件 •layDate初步使用

1.引入 laydate.js

2.laydate（options） 开发插件

全局函数

全局函数，实际上就是 jQuery 本身的方法。 jQuery 内置的一些功能是通过全局函数实现的。 •比如$.ajax（）就是典型的全局函数 向 jQuery 命名空间添加一个函数，只需要将这个新函数指定为 jQuery 本身的一个属性

123$.globalFunction = function(){  // todo…};

可以通过 jQuery.globalFunction（）或者 $.globalFunction（）来调用当需要添加多个函数可以使用$.extend（）函数

12345678$.extend({  functionOne: function(){    // todo…  },  functionTwo: function(){    // todo…  }});