JavaScript和onClick

Question

我认为JavaScript很简单，但似乎它不起作用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
function org(){
    $(this).toggle()
}
</script>
<span onClick="org()" id="kaka">Click me and i hide</span>

任何人都知道什么是错的？

Answer 1

代码中的

this未引用您的<span>元素。您需要传递对元素的引用。

<script>
function org(e){
    $(e).toggle()
}
</script>
<span onClick="org(this)" id="kaka">Click me and i hide</span>

或者（这实际上是首选方法）您可以附加事件处理程序并避免使用内联处理程序：

<script>
$("kaka").on("click", function() {
    $(this).toggle()
});
</script>
<span id="kaka">Click me and i hide</span>

Answer 2

您无需传递对元素的引用。您还可以告诉函数使用this

元素

<span onClick="org.call(this);" id="kaka">Click me and i hide</span>

演示：JSFiddle