zoukankan      html  css  js  c++  java
  • JQ

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

  • 相关阅读:
    NTP时间同步
    《暗时间》
    寻找字典公共键
    maven pom.xml的execution报错
    maven安装scala插件
    html 和xml
    sparkstreaming+kafka
    zookeeper错误Error contacting service. It is probably not running.
    eclipse开发hive2程序
    eclipse开发hbase程序
  • 原文地址:https://www.cnblogs.com/zxz1987/p/6035457.html
Copyright © 2011-2022 走看看