jQuery在控制台中工作但不是在原始代码中工作

Question

我尝试了以下代码将href添加到td中的a标记.我在控制台做的很好.但是当我在我的代码中尝试相同时它不起作用.谁能告诉我原因？

<script>
    $("table tbody tr td a").attr('href','http://www.google.com');
 </script>
<table>
    <tr>
        <td><a >Hai</a></td>
    </tr>
</table>

Answer 1

使用document.Ready()

$(document).ready(function() {
    $("table tbody tr td a").attr('href','http://www.google.com');
});

在尝试操作DOM之前,您需要确保已加载文档.

更多信息:http://api.jquery.com/ready/

Answer 2

执行jquery时,该元素不存在.您需要将处理程序放在准备好的函数中.

<script type="text/javascript">
$(function() {
    $("table tbody tr td a").attr('href','http://www.google.com');
});
</script>

$(function() {}); 是简写 $(document).ready(function() {});

Answer 3

JS在创建html之前触发.

<table>
    <tr>
        <td><a >Hai</a></td>
    </tr>
</table>
<script>
    $(function() {
        $("table tbody tr td a").attr('href','http://www.google.com');
    });
 </script>

Answer 4

把它放在准备好的部分：

<script type="text/javascript">
$(document).ready(function() {
 $("table tbody tr td a").attr('href','http://www.google.com');
});
</script>