Heim > Web-Frontend > js-Tutorial > So verwenden Sie Ready in Jqurey

So verwenden Sie Ready in Jqurey

一个新手
Freigeben: 2017-09-30 09:02:41
Original
1693 Leute haben es durchsucht

ready aktiviert die Funktion

nachdem das Dokument geladen wurde. Beispiel:


<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"><
/script>
<script type="text/javascript">
   $(document).ready(function(){
  $(".btn1").click(function(){
  $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>
Nach dem Login kopieren

Definition und Verwendung:

Das Ready-Ereignis tritt auf, wenn das DOM (Document Object Model) geladen wurde und die Seite (einschließlich Bilder) vollständig gerendert wurde.

Da dieses Ereignis auftritt, nachdem das Dokument fertig ist, empfiehlt es sich, alle anderen jQuery-Ereignisse und -Funktionen in diesem Ereignis zu platzieren. Genau wie im Beispiel oben.

ready()-Funktion gibt den Code an, der ausgeführt werden soll, wenn das Ready-Ereignis auftritt. Die Funktion

ready() funktioniert nur für das aktuelle Dokument, daher ist kein Selektor erforderlich.

ermöglicht die folgenden drei Syntaxen:

1、$(document).ready();
2、$().ready();
3、$();
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Ready in Jqurey. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage