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。