首页 > 代码库 > 学习笔记11/6
学习笔记11/6
1. jquery事件将JavaScript中的事件去除了on前缀 然后将它们封装为对应的方法
如:click(function(){ 书写代码});
对象.事件方法(匿名函数)
2. one(type,fn) :对事件进行一次绑定 只会触发一次事件
3. l show():将隐藏的元素显示出来
l show(speed,[callback]) :将隐藏的元素以动画的方式显示出来
l hide():将显示的元素隐藏起来
l hide(speed,[callback]) :将显示的元素以动画的方式隐藏
l toggle() :如果显示就隐藏 如果隐藏就显示
l toggle(switch) :如果参数为true则表示只显示,如果为false表示只隐藏
l toggle(speed,[callback]):以动画的方式进行显示或者隐藏
参数说明:
- speed表示的方式有两种:一种毫秒数 二种英文单词
- speed:"slow", "normal", "fast"
- callback:可选的参数 它是一个回调函数 当动画执行完了以后再来执行的函数
4. 自定义动画
animate(options,speed):当时间到了以后 就执行options里面的参数(单个或jason对象)
5. 内部插入
l $(selector).append(content) :将content追加到selector选择器内部的最后面
l $(content).appendTo(selector):将content追加到selector选择器内部的最后面
l $(selector).prepend(content) :将content追加到selector选择器内部的最前面
l $(content).prependTo(selector) :将content追加到selector选择器内部的最前面
6. empty() 将当前对象里面的内容清空 但是标签还在
remove() 将标签与内容同时移除
clone([true]) 将元素进行克隆
参数说明:如果有带true这个参数 表示克隆元素本身的同时还会将这个元素身上的事件进行克隆 如果没有带true 则表示只克隆 元素的本身 不克隆元素身上的事件
7. 链式编程 :对象.方法名.方法名.方法名
eq(index) :获取到指定下标的元素
next([expr]) :匹配当前元素的下一个兄弟元素
Siblings():匹配除了当前元素以外的所有的其它的兄弟元素
8. 插件机制
我们要实现某一个功能 需要用到一个很特别的函数 但是jQeury中没有给我们封装这个函数 jQuery它给我们提供了一个类似于接口的东西 !
1). jQuery.fn.extend(object)或$.fn.extend(object) 要求参数必须是一个JSON对象 jQuery = $
2). 语法:
l jQuery.fn.extend({
fn1:function(){},
fn2:function(){},
......
});
结构说明:
fn1或者fn2指的方法 名
匿名函数就是当前方法的处理程序
特别注意:
在jQuery中除了插件机制中的this指向的是jQuery对象 其它的任何地方都是JavaScript对象
学习笔记11/6