Heim > Artikel > Web-Frontend > Anwendungsfälle von $(function() {}) in jQuery
Anwendungsfälle von $(function() {}) in jQuery
- php中世界最好的语言Original
- 2018-04-23 16:50:043243Durchsuche
Dieses Mal werde ich Ihnen einen Anwendungsfall von $(function() {}) in jQuery vorstellen. Was sind die Vorsichtsmaßnahmen bei der Verwendung von $(function() {}) in jQuery? Ein praktischer Fall.
$(function() {}); ist die Abkürzung von $(document).ready(function(){ }). Als ich zum ersten Mal damit in Kontakt kam, sagte ich auch $(document). ready(function(){ } ) Diese Funktion wird verwendet, um window.onload auf der Seite zu ersetzen, aber heute habe ich festgestellt, dass dies nicht der Fall zu sein scheint! Ich habe es entdeckt, als ich einen Seitenladeeffekt durchgeführt habe!
Der Code in $(document).ready() wird ausgeführt, nachdem der Seiteninhalt geladen wurde. Wenn der Code direkt in das Skript-Tag geschrieben wird, wird das Skript-Tag ausgeführt, wenn die Seite geladen wird Wenn der in Ihrem Tag ausgeführte Code zu diesem Zeitpunkt den Code oder das DOM aufruft, der noch nicht geladen wurde, wird natürlich ein Fehler gemeldet, wenn Sie das Skript-Tag am Ende der Seite einfügen Kein Problem. Zu diesem Zeitpunkt ist es dasselbe wie bereit. Der Effekt ist derselbe.
$(document).ready(function(){}) kann abgekürzt werden als $(function(){});
Nach dem Klicken auf den Absatz wird dieser Absatz ausgeblendet:
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
Wenn $(document).ready(function() {}); entfernt wird, kann der Absatz nicht ausgeblendet werden:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
Aber wenn Sie das Skript an der Stelle platzieren Am Ende der Seite kann der Versteckeffekt wiederhergestellt werden:
<html>
<head>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("p").click(function(){
$(this).hide();
});
</script>
</html>
Zusammenfassung:
$(document).ready Der Code in $(document).ready wird nach dem Seiteninhalt ausgeführt wird geladen. Sie schreiben es direkt in das Skript-Tag. Wenn die Seite geladen wird, wird der darin enthaltene Code ausgeführt. Wenn der in Ihrem Tag ausgeführte Code noch nicht geladen wurde, wird ein Fehler angezeigt
Natürlich, wenn Sie das Skript-Tag am Ende der Seite behandeln, wird es kein Problem geben und der Effekt ist ähnlich wie bei fertig
Ich glaube, Sie haben die Methode nach dem Lesen gemeistert Fall in diesem Artikel Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Was sind die Vorsichtsmaßnahmen für ein jQuery-Versions-Upgrade?
Verwendung von $ und $(). . in jQuery Detaillierte Erklärung
Das obige ist der detaillierte Inhalt vonAnwendungsfälle von $(function() {}) in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!