jQuery |简单的功能不起作用？自我调用的功能

Question

请看一下这个jsfiddle：click

(function() {
    var variable = {

        body : $('body'),

        bg: function() {
            body.css('background', 'green')
        }

    };
})();

控制台没有回复任何错误。

这里有一个简短的解释是错误的！

谢谢！

Answer 1

你不打电话给bg。 你可以这样做：

(function() {
    var variable = {

        body : $('body'),

        bg: function() {
            this.body.css('background', 'green')
        }

    };
    variable.bg();
})();

http://jsfiddle.net/13dvxsnf/1/

Answer 2

请注意：http://jsfiddle.net/g3r01zmr/

(function() {
	var variable = {
		body : $('body'),
		bg: function() {
			this.body.css('background', 'green')
		}
	};
    variable.bg()
})();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

你必须调用该函数，到目前为止你只定义了它。此外，您必须使用this作为body变量，因为它不是本地变量。