js命名空间写法示例
作者:leejersey 发布时间:2024-04-30 10:10:19
标签:js,命名空间
本文实例分析了js命名空间写法。分享给大家供大家参考,具体如下:
很早知道这种写法,由于基础面向对象不够扎实一直在回避,但是面对整站这种方法还是有必要会
html部分:
<div id="div1">111</div>
<div id="div2">现实</div>
<div id="div3">层</div>
<div class="tab">
<ul class="tab_nav clearfix">
<li class="active">1</li>
<li>2</li>
<li>3</li>
</ul>
<div class="tab_main">
<div style="display: block">内容1</div>
<div>内容2</div>
<div>内容3</div>
</div>
</div>
css样式:
#div1{width: 100px;height: 100px;background: #ccc;}
#div2{width:100px;height: 20px;background: red;}
#div3{width: 300px;height: 200px;border: 1px solid #ccc;position: absolute;;margin-left: -150px;margin-top:-100px;left:50%;top: 50%;display: none;}
li{width: 100px;float: left;background: #ccc;}
.active{background: red;}
.tab_main{display: none;}
.clearfix:after{clear: both;display: table;content:'';}
.cleafix{zoom:1;}
js代码:
var namespace={
int:function(){
this.hide.hideFun();
this.show.showFun();
this.tab.tabFun();
}
};
namespace.hide={
hideBtn:$('#div1'),
hideFun:function() {
var that=this;
var a=this.hideBtn;
a.click(function() {
$(this).hide();
});
}
};
namespace.show={
showBtn:$('#div2'),
showBox:$('#div3'),
showFun:function(){
var that=this;
var a=this.showBtn;
var b=this.showBox;
a.click(function(event) {
b.show();
});
}
}
namespace.tab={
tabBtn:$('.tab_nav li'),
tabCon:$('.tab_main div'),
tabFun:function(){
var that=this;
var a=this.tabBtn;
var b=this.tabCon;
a.click(function() {
$(this).addClass('active').siblings().removeClass('active');
b.eq($(this).index()).show().siblings().hide();
});
}
}
namespace.int();
希望本文所述对大家JavaScript程序设计有所帮助。
0
投稿
猜你喜欢
- Mysql的connector/net5.0下载地址: http://dev.mysql.com/get/Downloads/Connect
- Python中pack()方法#Copyright (c)2017, 东北大学软件学院学生# All rightsreserved#文件名称
- 我们可以通过mysql命令查看mysql的安装路径:# 以下两个sql任意一个可查询select @@basedir as basePath
- Vuejs 本身就是一个 MVVM 的框架。但是在监听 window 上的 事件 时,往往会显得 力不从心。比如 这次是 window.re
- 发现太多人不会用等待了,博主今天实在是忍不住要给大家讲讲等待的必要性。很多人在群里问,这个下拉框定位不到、那个弹出框定位不到…各种定位不到,
- js 中判断某个元素是否存在于某个 js 数组中,相当于 php 语言中的 in_array 函数。Array.prototype.S=St
- 前言这篇文章将为大家介绍:GoFrame 错误处理的常用方法&错误码的使用。如何自定义错误对象、如何忽略部分堆栈信息、如何自定义错误
- 我们用pycharm打开自己写的代码,当多个文件之间有相互依赖的关系的时候,import无法识别自己写的文件,但是我们写的文件又确实在同一个
- 问题你想定义跟actor模式中类似“actors”角色的任务解决方案actor模式是一种最古老的也是最简单的并行和分布式计算解决方案。 事实
- asp如何实现当前月份距离以前某个时间的月份数 如今天是2011年1月份,我想知道离2010年3月,计算这中间一共是几个月 最佳答案 <
- 先打开安装程序。 选择对应的系统版本,我是64位,所以选了X64。  
- 前言作为一个pythoner ,包的安装时必须懂的,这个语言跟matlab很类似,开源、共享,只要你有好的方法,都可以作为一个库,供大家下载
- 在系统开发中,有一类任务不是立即执行,而是在未来某个时间点或者按照一定间隔去执行,比如日志定期压缩、报表制作、过期数据清理等,这就是定时任务
- 使用xlrd模块和xlwt模块解题思想:xlwt模块是非追加写.xls的模块,所以要借助for循环和列表,来一次性写入,这样就没有追加与非追
- 代码代码很简单,主要是为了熟悉Selenium这个库的函数,为后续的短信轰炸做个铺垫from selenium import webdriv
- 一、安装python基础环境:centos7.6安装:下载python:https://www.python.org/ftp/python/
- 开发环境安装最新版Python下载地址:https://www.python.org/downloads/运行Python1.交互方式运行用
- 实现方法分位三步:在template中设置2个按钮,通过v-if ,v-show来控制;data中设置按钮的默认值;methods中控制点击
- 油画的实现原理油画简单的理解是带有艺术感的图像,色彩相对于原图要更加鲜艳,但却是失真的。而且对于喜欢欣赏艺术的读者,肯定或多或少关注过油画,
- MySQL加密和解密实例详解数据加密、解密在安全领域非常重要。对程序员而言,在数据库中以密文方式存储用户密码对入侵者剽窃用户隐私意义重大。有