面向对象的写法,见到就添,持续更新。。。
面向对象的写法,各种回调,有的相当有逼格,写法很丰富:
第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();