jQuery的可點擊的div

Question

請點擊這裏

我想使該div點擊，它應該觸發如下功能：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#generate").click(function(){ 
     $("#quote p").load("script.php"); 
    }); 
}); 
</script> 

我怎樣才能使這項工作？

Answer 1

給了div的ID generate或其他任何（當然合理的）ID唯一選擇它：

<div id="someid" class="clickme"> click here </div> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#someid").click(function(){ 
     $("#quote p").load("script.php"); 
    }); 
}); 
</script> 

。注意，ID必須是唯一整個文檔。

你也可以使用類來選擇元素，但是這將選擇任何元素與此類並綁定處理所有這些：

$(document).ready(function(){ 
    $(".clickme").click(function(){ 
     $("#quote p").load("script.php"); 
    }); 
}); 

閱讀文檔約selectors，尤其是ID和class選擇器。

Answer 2

要麼給generate的<div>的id：

<div id="generate"> 

或.clickme在JS更換#generate：

$('.clickme').click(function() { 
    // ... 
}); 

這是相當瑣碎。要詳細瞭解如何使用jQuery，我熱烈推薦通過their tutorials。如果你喜歡一本書，那麼我建議jQuery in Action。