学习笔记11/6

Posted 2020-08-17 醉人

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对象