文档章节

jquery代码编写规范

webxiaohua
 webxiaohua
发布于 2015/04/15 09:42
字数 343
阅读 16
收藏 0
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Scripts/jquery-1.8.2.min.js"></script>
</head>
<body>
    <input id="a"/>
    <span id="aa">注册事件</span>
    <script>
        //...其他用到的变量
        var$$ = window.$$ = {
            //从后台获取的JSON数据统一放到这个对象中,以便其他函数调用
            jsons: {},
            //....更多需求,一个需求对应一个函数
            main: function() {
                $$.moreFun1();//统一调用接口
                $$.moreFun2();
                $$.moreFun3();
                $$.moreFun4();
                //....在main主函数中调用它们。
                //统一事件注册
                $$.eventOn();
            },
            aid: "aid",//变量
            bid: "bid",
            cid: "cid",
            jsonId: "jsonId",
            jsonId2: "jsonId2",
            $a:$("#a"),//选择器
            $aa:$("aa"),
            //清空$$
            disponse: function() {
                $$ = null;
            },
            //取消页面所有事件
            eventOff: function() {
 
            },
            //页面事件统一注册
            eventOn: function() {
                console.log($$.jsons[$$.jsonId].id);
                $$.$a.click(function() {
                    console.log("点击了事件");
                })
                $$.$aa.change(function() {
 
                })
            },
            //....更多的私有函数
            //功能1
            moreFun1: function() {
                console.log("1");//控制台打印函数IE F12调式工具控制台能看到输出,谷歌火狐也有, 你也可以用alert(1)来查看调用不过这样会弹出框比较不爽 具体使用可以百度一下
                $$.jsons[$$.jsonId] = {id:"我是JSON"};
            },
            //功能2
            moreFun2: function() {
                console.log("2开始执行");
                console.log("2执行结束");
            },
            //功能3
            moreFun3: function() {
                console.log("3");
            },
            //功能4
            moreFun4: function() {
                console.log("4");
            },
            //功能5
            moreFun5: function() {
 
            }
        }
        $(function() {
            $$.main();//执行接口
        });
    </script>
 
</body>
</html>



© 著作权归作者所有

共有 人打赏支持
webxiaohua
粉丝 9
博文 43
码字总数 27296
作品 0
普陀
程序员
jQuery零基础入门——(九)扩展

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 当我们使用jQuery对象的方法时,...

JandenMa
08/12
0
0
Javascript模块化编程(三):require.js的用法

一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页...

rocet
2014/03/28
0
2
require.js入门学习(share)

最近的项目用到了require.js ,搜集一些资源留个备份,顺便分享给大家。   以下内容转自阮一峰老师的网络日志:http://www.ruanyifeng.com/blog/2012/11/require_js.html   更多学习资源...

雍雍_yoyo
2014/03/04
0
0
Javascript模块化编程:require.js的用法

作者: 阮一峰 日期: 2012年11月 7日 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什...

java_T
2013/06/28
0
0
Javascript模块化编程(三):require.js的用法

作者: 阮一峰 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js? 最...

donny945
2014/09/25
0
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JS:异步 - 面试惨案

为什么会写这篇文章,很明显不符合我的性格的东西,原因是前段时间参与了一个面试,对于很多程序员来说,面试时候多么的鸦雀无声,事后心里就有多么的千军万马。去掉最开始毕业干了一年的Jav...

xmqywx
今天
0
0
Win10 64位系统,PHP 扩展 curl插件

执行:1. 拷贝php安装目录下,libeay32.dll、ssleay32.dll 、 libssh2.dll 到 C:\windows\system32 目录。2. 拷贝php/ext目录下, php_curl.dll 到 C:\windows\system32 目录; 3. p...

放飞E梦想O
今天
0
0
谈谈神秘的ES6——(五)解构赋值【对象篇】

上一节课我们了解了有关数组的解构赋值相关内容,这节课,我们接着,来讲讲对象的解构赋值。 解构不仅可以用于数组,还可以用于对象。 let { foo, bar } = { foo: "aaa", bar: "bbb" };fo...

JandenMa
今天
1
0
OSChina 周一乱弹 —— 有人要给本汪介绍妹子啦

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @莱布妮子 :分享水木年华的单曲《中学时代》@小小编辑 手机党少年们想听歌,请使劲儿戳(这里) @须臾时光:夏天还在做最后的挣扎,但是晚上...

小小编辑
今天
18
4
centos7安装redis及开机启动

配置编译环境: sudo yum install gcc-c++ 下载源码: wget http://download.redis.io/releases/redis-3.2.8.tar.gz 解压源码: tar -zxvf redis-3.2.8.tar.gz 进入到解压目录: cd redis-3......

hotsmile
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部