函数封装问题求大神

Question

javascriptclass

Answer 1

别的地方是啥意思？
如果是指别的button的话  你可以用e.currentTarget来判断触发事件的是哪个按钮，然后根据按钮的不同给div添加不同的class

Answer 2

var i = 1;
$(".button").on("click",but001);

function but001(e){
if(this!=window)
var box = $('<div class="box"></div>');
else
var box = $('<div class="box1111"></div>');
box.style("background","#555").text(i).addClass("box_"+i+"");
$(".zone").append(box);
e.halt();
i++;
}but001();

Answer 3

$(".button").on("click",function(e){
           but001(e,"你的类名");
     }
);

Answer 4

var i = 1;
function but001(e,$div){
var box = $div || $('<div class="box"></div>');
box.css("background","#555").text(i).addClass("box_"+i+"");
$(".zone").append(box);
e.halt();
i++;
}$(function(){
$(".button").on("click",function(e){
//but001(e);// 默认用$('<div class="box"></div>');
// 如果要另外定义
but001(e,$('<div class="box1111"></div>'));
});})

Answer 5

你说的是封装问题，所以我觉得解决方案应该是把你的问题用插件的方式去解决：$(function(){
$.fn.plugIn = function(options){
var defaultVal = {
i:1,
normalBox:"box"
}
var theVal = $.extend(defaultVal,options);

return this.each(function(){
$(this).click(function(){
var box = $('<div class='+theVal.normalBox+'></div>');
box.css("background","#555").text(theVal.i).addClass("box_"+theVal.i+"");
$(".zone").append(box);
//e.halt();
theVal.i++;
})
});
}
})将以上代码复制到新建的  .js  文件中；然后在你的静态页面中调用这个js文件，然后用下面的方式调用这个插件$(function(){
        //下面这一样是默认选项时的调用，此时，i==1   默认class名为box
$(".button").plugIn();        //下面这一次调用为修改默认参数后的调用，这样调用的话，i==3    默认class名可以设置为你想要的名字，例如box1111
$(".button1").plugIn({
i:3,
normalBox:"box1111"
});
})
希望对你有帮助，有问题再随时沟通，相互学习；

Answer 6

可能您把我的想法搞错了，那个$(".button1").plugIn({
i:3,
normalBox:"box1111"
});这边normalBox我想的是不仅是class不一样， 很可能字体，大小等等属性都不一样的

Answer 7

这个方法，我把$(function(){ })这个去掉了，可以运行成功了，能说说这个为什么加上这个嵌套吗

Answer 8

你可以事先定义好你的样式，比如box111:font-size:14px;   font-weight:bold;                           box222:font-size:16px;   font-weight:normal;   等等的～

Answer 9

$(function(){ })这个表示在页面加载完成后执行,类似于window.onload=function(){}
如果你吧JS片段放在BODY最下面不加这个也是可以的,如果JS片段放在HEAD里面就要用上了