W3Schools Learner's Blog

W3Schools Programming knowledge summary website

div

2/07/2020

four common jquery initialization function example

2/07/2020 jquery , jquery init 0 Comments
Jquery initialization function is almost used to any website, we sometimes do forget how to use the jquery init method,  so I want to write an article as my notes.

How does the jquery initialize? First we need to import the jquery  package, as follows:

  1.  <script type="text/javascript" src="./js/jquery.min.js"></script>

We have four common jquery init method

Jquery init method one:

  1. <script type="text/javascript">

  3. $(document).ready(function(){
  4.  
  5.   console.log("enter jquery init method one...");
  6.  
  7. });

  9. </script>

Jquery init method two:

  2. <script type="text/javascript">
  3.  
  4. $(function(){
  5.  
  6.    console.log("enter jquery init method two...");
  7.  
  8. });
  9.  
  10. </script>

Jquery init method three:

  2. <script type="text/javascript">
  3.  
  4. jQuery(function($){
  5.  
  6.   console.log("enter jquery init method three...");
  7.  
  8. });
  9.  
  10. </script>

Jquery init method four:

  2. <script type="text/javascript">
  3.  
  4. (function ($) {

  6.   console.log("enter jquery init method four...");

  8. })(jQuery);

  10. </script>

note:

If we use original JavaScript, we want to use the init method, we don't need to import the jquery.min.js package. We can use the onload method inside <body> tag, as follows:

  2. <script type="text/javascript">

  4. window.onload=function(){

  6. //write something
  7. }

  9. </script>
Thank you!
By time
tag： ,

No comments:

Post a Comment

Note: only a member of this blog may post a comment.

Subscribe to: Post Comments (Atom)