文档章节

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
粉丝 10
博文 44
码字总数 29786
作品 0
普陀
程序员
私信 提问
SpringSide 3.0.2 发布

新版本总体改进如下: 总体改进: 从头完善Wiki文档.(finish) 重新提供All in One 版本.(finish) 编写quickstart.bat实现傻瓜式初始化流程,见QuickStart 3.0.2。(finish) 整理Checkstyle/Pm...

oschina
2008/09/26
1K
0
jQuery插件开发 - 其实很简单

【前言】 jQuery已经被广泛使用,凭借其简洁的API,对DOM强大的操控性,易扩展性越来越受到web开发人员的喜爱,我在社区也发布了很多的jQuery插件,经常有人询问一些技巧,因此干脆写这么一篇...

晨曦之光
2012/03/09
186
0
JQuery插件开发教程 | WhyJQuery

【前言】 jQuery已经被广泛使用,凭借其简洁的API,对DOM强大的操控性,易扩展性越来越受到web开发人员的喜爱,我在社区也发布了很多的jQuery插件,经常有人询问一些技巧,因此干脆写这么一篇...

柒月-小妖精
2013/11/14
0
1
ntv.js框架(第四章) - 机顶盒Javscript编写和调试方法

在我们编写Javscript时,首先要分清楚2个概念,1是使用W3C标准来处理HTML DOM元素(例如修改标签HTML、文本、状态、形状等),2是使用中间件规范接口来处理音视频等业务功能(例如播放音视频...

coton_chen
2015/02/02
0
3
jQuery零基础入门——(九)扩展

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

JandenMa
08/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

myeclipse 启动到10分之一左右就挂了

删掉 {workspace}/.metadata/.plugins/org.eclipse.e4.workbench/workbench.xmi

夜醒者
16分钟前
1
0
Hive on Spark 伪分布式环境搭建过程记录

进入hive cli是,会有如下提示: Hive-on-MR is deprecated in Hive 2 and may not be available in the future versions. Consider using a different execution engine (i.e. spark, tez) ......

PeakFang-BOK
23分钟前
1
0
用户输入和while 循环

# 用户输入和while循环# 7.1函数input() 的工作原理# 函数input() 让程序暂停运行,等待用户输入一些文本。获取用户输入后,Python将其存储在一个变量中,以方便你使用。message = inp...

吕湘颖
24分钟前
1
0
开发函数计算的正确姿势 —— 排查超时问题

写不尽的 code,查不完的 bug 通常我们写 bug,哦,不对,写代码时总不会一帆风顺,往往各种 bug 充斥其中,即使测试有较高的代码覆盖率往往也会有漏网之鱼。能写出一些比较隐蔽或者看起来像...

阿里云云栖社区
28分钟前
2
0
Python3新特性

一、类型注解 例子: def add(x:int, y:int) -> int: return x + y 解释: 类型`的形式指定函数的**参数类型**,用`-> 类型`的形式指定函数的**返回值类型 然后特别要强调的是,Pyt...

_Change_
43分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部