jQuery de travail dans la console, mais pas dans le code d'origine

J'ai essayé le code suivant pour ajouter href de la balise à l'intérieur d'un td. il fonctionne très bien alors que je n'en console. Mais quand j'ai essayer la même chose dans mon code ça ne fonctionne pas. Quelqu'un peut-il me dire la raison?

<script>
    $("table tbody tr td a").attr('href','http://www.google.com');
 </script>
<table>
    <tr>
        <td><a >Hai</a></td>
    </tr>
</table>
avez-vous des jquery attaché?
Oui, j'ai joint jQuey 1.9.1
$(document).ready()

OriginalL'auteur Midhun Mathew | 2013-07-15

  1. 11

    Utilisation document.Prêt()

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

    Vous devez vous assurer que le document est déjà chargé avant d'essayer de manipuler le DOM.

    Plus d'infos: http://api.jquery.com/ready/

    Merci copain..je ne savais pas $(document).prêt() a été un must..Qu'une stupide erreur..!!!!
    Donc...la récompense lui, la réponse?
    Merci pour le partage de cette solution! Je n'ai pas utiliser jQuery dans quelques années, et j'ai eu des problèmes avec un code qui n'était pas en cours d'exécution parce que j'ai oublié de $(document).prêt()

    OriginalL'auteur Guilherme de Jesus Santos

  2. 7

    L'élément n'existe pas lorsque votre jquery est en cours d'exécution. Vous avez besoin de mettre vos gestionnaires à l'intérieur d'un prêt de la fonction.

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

    $(function() {}); est le raccourci pour $(document).ready(function() {});

    OriginalL'auteur Jeremy Gallant

  3. 5

    Le JS est tir avant le html est créé.

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

    OriginalL'auteur Stefan

  4. 4

    le mettre dans un prêt de la section : 

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

    OriginalL'auteur user

  5. 4

    Votre code s'exécute avant que le DOM est prêt et que l'élément existe réellement, essayez de cette façon:

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

    La raison pour laquelle il travaille sur console est parce que le <a> élément existe déjà lorsque vous exécutez votre code...

    JSBin Démo

    OriginalL'auteur DarkAjax