Jquery和Javascript 实际项目中写法基础 (1)

一.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>
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(){};

   为什么要这么写?

       其实没有什么为什么,因为这样写可以让代码让新手看不懂,显示出自己的高大上,代码多么的规范 多么的整洁,仅此而已,就类似于命名规范的作用。

   

原文地址:https://www.cnblogs.com/zhiyin/p/5725209.html