如何在onclick屬性中編寫jQuery代碼或調用jQuery函數

Question

爲什麼這個簡單的代碼不工作？

<div onClick="myFunction()"></div> 

$(document).ready(function(){ 
    function myFunction(){ 
     alert("sss"); 
    } 
}) 

的JS文件是外部的，這就是所謂的在我的HTML頁面的head。之前添加了jQuery庫。

Answer 1

它不起作用，因爲從on*事件屬性調用的函數需要在window的範圍內。您的代碼將該功能放置在jQuery document.ready處理程序中。試試這個：

function myFunction() { 
 
    alert("sss"); 
 
}

<div onClick="myFunction()">Click me</div>

你應該不過注意，用on*事件屬性被認爲是過時的因爲這個原因，其中包括許多。你應該使用不引人注目的JS代碼，附上您的事件處理程序，無論是在本地JS：

document.querySelector('div').addEventListener('click', function() { 
 
    alert("sss"); 
 
});

<div>Click me</div>

或者jQuery的，因爲你似乎已經在使用它：

$(function() { 
 
    $('div').on('click', function() { 
 
    alert("sss"); 
 
    }); 
 
});

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

Answer 2

首先去看看html和jquery的教程，在某些tu像This或thisone的圓形網站。

，並回答你的代碼是

HTML

<button onclick="myFunction()">Click me</button> 

的Javascript

function myFunction() { 
    alert('Hello'); 
} 

假設你包括JQuery的庫。