-
jQuery加载时$(function(){}),不是必须加的,放在页面demo之后,则js会按照从上到下的顺序执行,以下测试结果:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery的加载测试</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <style type="text/css"> .test{ width: 100px; height: 100px; margin: 10px; border: 1px solid; } </style> <script type="text/javascript"> $("#d1").click(function(){ $(this).html("1"); }) $(function(){ $("#d2").click(function(){ $(this).html("2"); }) }) </script> <div id="d1" class="test"></div> <div id="d2" class="test"></div> <div id="d3" class="test"></div> <div id="d4" class="test"></div> <script type="text/javascript"> $(function(){ $("#d3").click(function(){ $(this).html("3"); }) }) $("#d4").click(function(){ $(this).html("4"); }) </script> </body> </html>