jquery中的onclick(function(){})和on('click'，function(){

What is the difference between onclick(function(){}) and on('click',function(){}) function in jquery

本文关键字：function click 中的 onclick jquery on      更新时间：2023-09-26

我试图在一个div使用ajax加载页面:这是我的HTML代码:

 <ul id="nav" class="nav" style="font-size:12px;">
    <li><a href="#" id="m_blink">Tab1</a></li>
    <li><a href="#" id="d_blink">Tab2</a></li>
    <li><a href="#" id="k_blink">Tab3</a></li>
</ul>
<div id='home'></div>

当我在一个div中调用页面时，它是'home'div，像这样:

$(document).ready(function(){
     $("#m_blink").onclick(function() {
        $("#home").load("tab1.php",{},function(){});
     });
     $("#d_blink").onclick(function() { 
        $("#home").load("tab2.php",{},function(){});
     });
     $("#k_blink").onclick(function() { 
        $("#home").load("tab3.php",{},function(){});
     });
});

在chrome和Firefox中，当我检查元素时错误是:

chrome:

'Uncaught TypeError: undefined is not a function'

在firefox中:

[12:15:46.575] TypeError: $(…)。Onclick不是函数

当我把jquery代码改成这样

$(document).ready(function(){
     $("#m_blink").on('click', function() {
        $("#home").load("tab1.php",{},function(){});
     });
     $("#d_blink").on('click',function() { 
        $("#home").load("tab2.php",{},function(){});
     });
     $("#k_blink").on('click',function() { 
        $("#home").load("tab3.php",{},function(){});
     });
});

当我执行这段代码，这是工作的，什么是jquery的onclick函数之间的区别

jquery中没有onclick函数。所以这个错误是正确的，不言自明的。

TypeError: $(...).onclick is not a function

应该使用.click()，这是.on("click", handler)

的快捷方式。
$(selector).click(function() {
});
相关文章：