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()或者 . g l o b a l F u n c t i o n ( ) 来 调 用 当 需 要 添 加 多 个 函 数 可 以 使 用 .globalFunction()来调用 当需要添加多个函数可以使用 .globalFunction()来调用当需要添加多个函数可以使用.extend()函数
12345678$.extend({ functionOne: function(){ // todo… }, functionTwo: function(){ // todo… }});