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

求助大神 = = 这样写为什么不行

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>trigger()手动触发事件</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <h3>trigger()手动触发事件</h3>
        <div>土豪，咱们交个朋友吧</div>
        
        <script type="text/javascript">
            $(function () {
                $("div").bind("change-color", function () {
                    $(this).attr("background","red");
                });
                $("div").trigger("change-color");
            });
        </script>
    </body>
</html>

这样写哪里错了，为什么没反应

1VAN1

2016-01-24

源自：jQuery基础课程 6-7

关注问题我要回答

410

操作

收起

4 回答

会游泳的鸟回答被采纳 +3 积分
2016-01-28

$(this).attr("background","red")这一句错了，attr()这个方法是给元素添加属性，而不是样式，要添加样式要不就用addClass()方法为元素添加类名，要不就用css()方法直接添加样式。所以你要不改成background","red")$(this).css("background","red")或者$(this).attr("style","background:red")

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

收起回答

萝卜蛋蛋
2016-04-17

<!DOCTYPE html>

<head>

<title>trigger()手动触发事件</title>

</head>

<body>

<h3>trigger()手动触发事件</h3>

<div>土豪，咱们交个朋友吧</div>

$(function () {

$("div").bind("change-color", function () {

$(this).css("background","red");

});

$("div").trigger("change-color");

});

</script>

</body>

</html>

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

收起回答

大米稀饭小米粥
2016-02-24

这个在jquery编写前台的时候经常会出现看上去没事实际没效果的事件。这个attr主要是基于标签内的属性的。而background这个基于在style里的，也就是标签内style属性下的子属性了，基于style下面的css属性设置，最好用 $(选择器).css("background","red")。这样浏览器识别起来就无障碍了。

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

收起回答