zoukankan      html  css  js  c++  java
  • jQuery封装函数

    1,插件命名:jQuery.插件名.js 为拉避免和其他库的冲突

    2,自定义插件尽量避免使用$ 如果非要使用$就一定要将jQuery传递进去,
    写在最后加一个小括号写jquery ;结束 封装函数是自执行函数
    3,插件的结尾一定要以 ; 结束 避免和前面代码产生瓜葛
    4,封装分为全局的方法和局部的方法
    .nav后还可以继续封装更多的函数

     

    在调用时谁用谁.nav()就行  

    在html中全局调用

    $(function (){

    $.nav();

    })

    $.extend({
    全局封装


    })

    局部的封装调用

    局部的  谁需要谁调用

    $.fn({

    })

    (function(){

    封装全局的
    $.extend({

    'nav':function(){
    $('.nav').css({
    'listStyle': 'none',
    'margin':'0px',
    'padding':'0px',
    'display':'none'
    })

    不能再使用$('list li') 因为要封装 需要内部查找
    find()找到所有子元素
    $('.nav').parent().hover(function(){
    $(this).find('.nav').slideDown(1000);
    },function(){
    $(this).find('.nav').stop().slideUp(1000);
    });
    }

    })

    })(jQuery);

  • 相关阅读:
    js等弱类型语言的"鸭子类型"
    js中的局部函数与局部变量
    js中的break和continue
    for in 循环
    js中的异常
    js中的运算符
    js中的符合类型
    js中的数据类型
    js强大的数据类型转换
    shell67批量创建用户(来自文件)
  • 原文地址:https://www.cnblogs.com/wuyaxing/p/6068157.html
Copyright © 2011-2022 走看看