Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > Web Front-end > JS Tutorial > Analysis of execution sequence examples of multiple $(document).ready()_jquery

Analysis of execution sequence examples of multiple $(document).ready()_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release： 2016-05-16 16:41:02
Original
1674 people have browsed it

This article illustrates the execution order of multiple $(document).ready() in the form of examples. It can be seen from the examples that the execution order of multiple $(document).ready() is not a simple sequential execution. It is related to Nesting levels also have a certain relationship. The specific example code is as follows:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

<html>

<head>

<script src="./jquery-1.9.0.min.js"></script>

<script type="text/javascript">

  $(function(){

    alert('1');

    $(function(){

      alert('2');

      $(function(){

        alert('3');

      });

    });

 

 

  });

</script>

<body>

TTTTTTTTTTTT

<script type="text/javascript">

  $(document).ready(function() {

    alert('4');

    $(function(){

      alert('5');

    });

 

 

  });

</script>

KKKKKKKKKKKK

<script type="text/javascript">

  $(function(){

    alert('6');

    $(document).ready(function() {

      alert('7');

    });

 

 

  });

</script>

</body>

</html>

Copy after login

Run alert and the display order is: 1, 4, 6, 2, 5, 7, 3
Readers can test and experience it themselves to deepen their understanding of the execution sequence of multiple $(document).ready().

Related labels：
document Execution order
Previous article：js method to let the browser DOM element be loaded last_javascript skills Next article：jquery prevents subsequent events from executing only the first event_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
document
From 1970-01-01 08:00:00
0
0
0
Chinese phpword document
From 1970-01-01 08:00:00
0
0
0
Can you share the Xmind document?
From 1970-01-01 08:00:00
0
0
0
python - How to count the word frequency of an English API development document (such as javadoc document)?
From 1970-01-01 08:00:00
0
0
0
How to pass document id from one component to another component
From 1970-01-01 08:00:00
0
0
0
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template