jquery可点击的div

Question

点击这里

我想让div可点击,它应该触发以下功能:

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

我怎样才能做到这一点？

Answer 1

提供divID 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");
    });
});

阅读有关选择器的文档,尤其是ID和类选择器.