Question

JQUERY开发规范,如何避免全局变量的污染,比如向下面这段代码如何优化

$(function(){
(function($search_text){
var eventobj = {
"focus":function(){
$(this).attr('value','');
$(this).removeClass().addClass('blue');
},
"blur":function(){
$(this).removeClass('blue').addClass('search_text');
}
};
$search_text.on(eventobj);
})($('.search_text'));
});
要怎样写好看, 当一个页面有很多个类似这种功能,比如轮播,tab切换之类的,具体怎么样实现模块化
我举的例子不好,http://example.houdunwang.com/hdzy/tmall/demo4/ 看这个,当一个页面有多个功能的时候,如何$(function(){}) 在文档加载完毕后实现各个功能的模块化,又避免全局污染,开发规范

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏150（财富值+成长值）

Answer 1

(function(){
在这个匿名包里面随便写你的代码都不会污染
})()

Answer 2

$('.search_text').focus(function() {
$(this).attr('value','').removeClass().addClass('blue');
//这里的removeClass没参数, 有问题

}).blur(function() {
$(this).removeClass('blue').addClass('search_text');
})
这个事件绑定不会造成全局变量污染的
每一个功能就是一个模块啊 这个不可能把几种功能写在一起吧....