为什么这个简单的onclick功能不起作用

Question

为什么这个简单的代码不起作用？有人可以向我解释一下吗？

的jsfiddle

我cc()在onclick属性中调用了函数.

HTML

<div> hey </div>
<button onclick="cc()"> click me to change color</button>

使用Javascript

$(document).ready(function () {
    function cc() {
        $('div').css('color', 'red');
    };
});

Answer 1

cc不是一个全球性的功能.

它由函数声明定义,因此它的作用域是定义它的函数.

该函数是您传递给ready方法的匿名函数.(并且您在onload由于jQuery配置而运行的函数内执行此操作).

Globals(通常)是要尽可能避免的东西,而内在事件属性通常依赖于它们.

不要使用内部事件属性.使用JavaScript绑定JavaScript事件处理程序.由于您使用的是jQuery,请使用该on方法.

$(document).ready(function(){

    function cc(){
        $('div').css('color','red');
    };

    $('button').on('click', cc);
});

演示