一.JS 是什么,jquery 是什么 就不说明了,直接说一般使用是怎么样的
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> <script type="text/javascript"> $(document).ready(function(){ alert("文档加载完成时,执行该方法"); }); </script> <title></title> </head> <body> </body> </html>
上述为基本的jquery写法,然而实际中经常简写如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> <script type="text/javascript"> // $(document).ready(function(){ // alert("文档加载完成时,执行该方法"); // }); $(function(){ alert("文档加载完成时,执行该方法"); }); </script> <title></title> </head> <body> </body> </html>
以上两段代码是等效的,只是不同的写法。
方法定义同样如此,如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> <script type="text/javascript"> $(function(){ //单双引号仅标识为字符串 ShowMsg('这是一个字符串类型的参数'); }); function ShowMsg(para){ alert(para); } </script> <title></title> </head> <body> </body> </html>
很多时候,写法是这样写的
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> <script type="text/javascript"> $(function(){ //单双引号仅标识为字符串 ShowMsg('这是一个字符串类型的参数'); }); // function ShowMsg(para){ // alert(para); // } var ShowMsg =function(para){ alert(para); }; </script> <title></title> </head> <body> </body> </html>
实际就相当于 后面的部分是个匿名的方法,匿名也就是没有名字的方法,比如我们可以发现$(function(){});
$(); //相当于 $(doctument)
而参数为一个匿名方法 function(){};
为什么要这么写?
其实没有什么为什么,因为这样写可以让代码让新手看不懂,显示出自己的高大上,代码多么的规范 多么的整洁,仅此而已,就类似于命名规范的作用。