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

要求<div> id generate：

<div id="generate">

或在JS中用#generate替换.clickme：

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

这非常简单。要了解有关使用jQuery的更多信息，我热烈建议您浏览their tutorials。如果你喜欢一本书，那么我推荐jQuery in Action。

jquery可点击的div

2 个答案: