Javascript jquery中的选择器问题

我有以下HTML代码来实现分页

<ul>
  <li class="active">
    <a class="paging" id="page_1" href="">1</a>
  </li>
  <li>
    <a class="paging" id="page_2" href="#">2</a>
  </li>
  <li>
    <a class="paging" id="page_3" href="#">3</a>
  </li>

但是没有显示警报消息

---

我的代码出了什么问题？

您需要防止锚定标记的默认行为，最好将此脚本包装在

文档中。就绪

：

$(document).ready(function(){
    $('.paging').click(function (e) {
        e.preventDefault();
        alert('test');
      });
   });

---

您需要防止锚定标记的默认行为，最好将此脚本包装在

文档中。就绪

：

$(document).ready(function(){
    $('.paging').click(function (e) {
        e.preventDefault();
        alert('test');
      });
   });

希望这会有所帮助

<script>
$(document).ready(function(){
$('.paging').click(function(){
    alert('test');
});
});
</script>

$（文档）.ready（函数（）{
$（'.paging'）。单击（函数（）{
警报（“测试”）；
});
});

希望这会有所帮助

<script>
$(document).ready(function(){
$('.paging').click(function(){
    alert('test');
});
});
</script>

$（文档）.ready（函数（）{
$（'.paging'）。单击（函数（）{
警报（“测试”）；
});
});

将其包装在dom ready..@AnoopJoshi

$（'.paging'）

不够？这取决于脚本的放置位置。如果您的脚本位于head标记中，则应该将其包装在dom ready中。如果将脚本放在这些元素之后，则不必使用dom ready。我可以知道

$（document.ready（）

？@RandomUser，阅读文档将其包装在dom ready中。@AnoopJoshi

$（'.paging'）

不够吗？这取决于脚本的放置位置。如果您的脚本位于head标记中，则应该将其包装在dom ready中。如果将脚本放在这些元素之后，则无需使用dom ready。我可以知道

$（document.ready（）

？@RandomUser，请在单击后阅读文档，我将被重定向到

/#

您能看到alert（）吗？您是否在函数（e）中添加了e？我添加了函数（e），但无法看到警报（）只需控制台选择器的长度

$（'.paging'）

。如果选择器可能没有选择任何元素。@RandomUser，您可以在单击“我被重定向到

/#

后，使用“从选择器开始”将$（'.paging'）替换为$（'[id^=page\]'），是否可以看到警报（）？您是否在函数（e）中添加了e？我添加了函数（e），但无法看到警报（）只需控制台选择器的长度

$（'.paging'）

。如果选择器可能没有选择任何元素。@RandomUser，您可以使用“从选择器开始”将$（'.paging'）替换为$（'[id^=page_U3;]'）