скрыть отобразить параграф

[oleg666]

Разбираю простую задачу из книжного примера, но этом виде не работает.

<script>
$(":button").click(function(){
    $("p:first").toggle();
});
</script>  

<p>Абзац</p>
<input type="button" value="скрыть">

не пойму в чем ошибка

[Sweet]

А в книжне про функцию ready не писАли???

[Starkua]

Джаваскрипт код, браузер видит раньше, чем DOM-элемент (т.к. он выше, в файле). Поэтому при его выполнении, селектор $("p:first") не может найти нужный инпут.

[oleg666]

то есть ставлю DOM элемент выше скрипта. А про функцию ready действительно ничего нет

[Starkua]

Нет, я просто объяснил причину, почему не работает.
Скрипты обычно нужно запускать, после загрузки DOM-дерева, для этого в jQuery есть метод ready.

[Sweet]

Ready

[0931454574]

$(document).ready(function()
{
   $("#button").click(function()
   {
       $("p:first").toggle();
   });
 
 
  
});

Вот так работает)
Только лучше использовать id для таких целей и вообще. Это хороший стиль.