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 在整个文档中必须唯一。

您也可以只使用类来选择元素，但这将选择具有此类的任何元素并将处理程序绑定(bind)到所有这些元素:

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

阅读有关 selectors 的文档，特别是ID和 class选择器。