文档章节

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
码字总数 27080
作品 0
普陀
程序员
jQuery零基础入门——(九)扩展

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

JandenMa
08/12
0
0
Web前端开发必备:《Jquery实战》第3版 介绍

目标读者 本书适合想深入学习jQuery的Web开发人员、全栈工程师、架构师。jQuery是互联网上最流行的JavaScript框架。本书的目标是希望读者成为Web高级开发人员,无论起点如何。本书深入介绍了...

frankxulei
06/26
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

没有更多内容

加载失败,请刷新页面

加载更多

【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
1
0
Spring5对比Spring3.2源码之容器的基本实现

最近看了《Spring源码深度解析》,该书是基于Spring3.2版本的,其中关于第二章容器的基本实现部分,目前spring5的实现方式已有较大改变。 Spring3.2的实现: public void testSimpleLoad(){...

Ilike_Java
今天
1
0
【王阳明心学语录】-001

1.“破山中贼易,破心中贼难。” 2.“夫万事万物之理不外于吾心。” 3.“心即理也。”“心外无理,心外无物,心外无事。” 4.“人心之得其正者即道心;道心之失其正者即人心。” 5.“无...

卯金刀GG
今天
2
0
OSChina 周三乱弹 —— 我们无法成为野兽

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ _刚刚好: 霸王洗发水这波很骚 手机党少年们想听歌,请使劲儿戳(这里) hahahahahahh @嘻酱:居然忘了喝水。 让你喝可乐的话, 你准忘不了...

小小编辑
今天
11
0
vm GC 日志 配置及查看

-XX:+PrintGCDetails 打印 gc 日志 -XX:+PrintTenuringDistribution 监控晋升分布 -XX:+PrintGCTimeStamps 包含时间戳 -XX:+printGCDateStamps 包含时间 -Xloggc:<filename> 可以将数据保存为......

Canaan_
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部