首页 > 代码库 > 学习笔记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