                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

这个JQ的function中的event到底传的是什么，怎么传的

这个JQ的function中的event到底传的是什么，怎么传的，写方法的时候没用event，调用就看到color这个参数被用了，可是删掉event又错了，求大神普及

 $(function () {
                $("div").bind("changecolor", function (event,color) {
                    $(this).css("background-color",color);
                });
                $("div").trigger ("changecolor",["red"]);
            });

慕桂英9545975

2016-05-16

源自：jQuery基础课程 6-7

关注问题我要回答

660

操作

收起

3 回答

一墨飞雪
2016-05-25

回复小舟1：个人的新理解不知道对不对你可以在$("div").bind("changecolor", function (event,color) {

alert(event+" "+color);

$(this).css("background-color",color);

});里加上alert这段代码就可以知道event的类型是对象所以event是需要传进去的对象（也就是需要改变属性的对象），然后这个对象在函数体里就是 this 有了确切的值

不能把event删除的原因应该是颜色的改变需要指明是哪个对象所以需要一起出现如果不要参数的话就两者都不要也是可以成功运行的希望对你有用

0 回复有任何疑惑可以回复我~

收起回答

慕桂英9545975 提问者

那为什么不这么写呢 $(function () { $("div").bind("changecolor", function (event,color) { $(event).css("background-color",color); }); $("div").trigger ("changecolor",["this","red"]); });

2016-05-30 回复有任何疑惑可以回复我~

慕桂英9545975 提问者

顺便说一下，这么写也是不对的

2016-05-30 回复有任何疑惑可以回复我~

一墨飞雪回复慕桂英9545975 提问者

那是因为你写错了 ,["this","red"] 这里面的两个参数只读取了一个参数，我还没太弄懂trigeer的多个参数怎么传递而且this也不是参数你要传的也该是div 不过加div也是不出效果的因为trigeer只读取第一个参数

2016-05-31 回复有任何疑惑可以回复我~

一墨飞雪
2016-05-16

event 可以是任意值，只要不为空就行，function(event , color)是参数而"background-color"是值

0 回复有任何疑惑可以回复我~

收起回答

慕桂英9545975 提问者

那为什么写成这样不对呢 $(function () { $("div").bind("change-color", function (event,color) { $(this).css(event,color); }); $("div").trigger ("change-color",["background-color","red"]); });

2016-05-16 回复有任何疑惑可以回复我~

来年灬来年回复慕桂英9545975 提问者

我也是这么想的

2016-05-17 回复有任何疑惑可以回复我~

一墨飞雪回复慕桂英9545975 提问者

个人理解，不知道对不对，仅供看看 function (event,color) 中的参数是key value模式的，key是名，value是值，所以最后$("div").trigger ("change-color",“red”）中只有一个值传到函数中而key在函数中就给出来了，

2016-05-17 回复有任何疑惑可以回复我~