面向对象的写法,见到就添,持续更新。。。

面向对象的写法,各种回调,有的相当有逼格,写法很丰富:

第0种:


var personalData = {};
(function(window) {
personalData.mainPublic = function() {
// textarea限制字数

$(".onesec").on('input', function() {
wordLimit ($(this));
});

// 二级联动开始=================================================

appendProvince();
$("#province, #jobprovince").on("click", function() {
$(this).parent().parent().find('ul.provincelist').css("display", "block");
});

$("#city, #jobcity").on("click", function() {
$(this).parent().parent().find('ul.citylist').css("display", "block");
});

$("ul.provincelist").on('click', 'li', function (event) {
event.stopPropagation();
event.preventDefault();
var provinceval = $(this).text();
var provinceval_ = $(this).attr("data-id");
var box = $(this).parent().parent();
box.find(".district_cn").val(provinceval);
box.find(".district").val(provinceval_);
box.find(".sdistrict_cn").val('');
box.find(".sdistrict").val('');
box.find(".citylist").css("display", "block");
box.find(".provincelist").css("display", "none");
var citylist = box.find('.citylist');
appendCity(provinceval_, citylist);
});

$("ul.citylist").on('click', 'li', function (event) {
event.stopPropagation();
event.preventDefault();
var provinceval = $(this).text();
var provinceval_ = $(this).attr("data-id");
var box = $(this).parent().parent();
box.find(".sdistrict_cn").val(provinceval);
box.find(".sdistrict").val(provinceval_);
box.find(".citylist").css("display", "none");
box.find(".sdistrict_cn").blur();
});

// 二级联动结束=============================================================

$("#mobile").keyup(function() {
var inputname = $(this).val();
if (inputname) {
var phoneNum = $(this).val();
if ($.trim($(this).val())) {
var reg = /^1[3|4|5|7|8][0-9]{9}$/;
var isok = reg.test(inputname);
if (isok) {
$(".form1").validate("hideError");
} else {
$(".form1").validate("showError", 'mobile', "*请输入正确的手机号码", Math.random());
}
}
}
});
// 个人基本信息模块
personalData.basicInfo = function() {}

// 教育经历模块

personalData.educationExper = function() {}

// 工作经历模块
personalData.workExper = function() {}

// 社团经历
personalData.clubExper = function() {
}

// 所获奖励
personalData.ownReward = function() {}
//
技能标签
personalData.skillTag = function() {}

// 求职意向
personalData.jobIntension = function() {

$('.form8').on("click", function (e) {
var target = $(e.target);
if (!target.is('#jobprovince') && !target.is('.provincelist')) {
$(".provincelist").hide();
}

if (!target.is('#jobcity') && !target.is('.citylist')) {
$(".citylist").hide();
}

if (!target.is('#trade-ul') && !target.is('.trade_cn')) {
$("#trade-ul").hide();
}
});
}
// 简历列表
personalData.resumeList = function() {};


window.personalData = personalData;
})(window.personalData || {}, window.jQuery)


// 公共部分
personalData.mainPublic();
// 基本信息
personalData.basicInfo();
// 教育经历
personalData.educationExper();
// 工作经历
personalData.workExper();
// 项目经验
personalData.itemExper();
// 社团经历
personalData.clubExper();
// 所获奖励
personalData.ownReward();
// 技能标签
personalData.skillTag();
// 求职意向
personalData.jobIntension();
// 简历列表
personalData.resumeList();

第一种写法:

var main = {
     init: function() {
          main.displayCategory();
          main.carouselCid();
          main.courseNav();
          main.animateAd();
          Lazyload.init();
     },
     displayCategory: function() {
     },
     _changeCarouseBg: function() {
     },
     carouselCid: function(dely) {

         main._changeCarouseBg();
     },
     courseNav: function() {
     },
     animateAd: function() {
     }

};
     main.init();//启动

==============================

(function() {
       var main = {};
       main.identify =function(){
         console.log(2222222);
       }
       main.init= function() {
         main.identify();
       }
       window.main = main;
 })(window.main || {}, window.jQuery)
console.log(window.main)
main.init();

posted @ 2016-12-22 10:23  漆黑小T  阅读(307)  评论(0编辑  收藏  举报