zoukankan      html  css  js  c++  java
  • 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(){};

       为什么要这么写?

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

       

  • 相关阅读:
    非监督学习
    4.5_岭回归案例分析
    4.4_回归算法之岭回归
    4.3_回归性能评估与欠拟合|过拟合
    4.2_线性回归案例分析
    回归算法
    HDU 2105 The Center of Gravity (数学)
    HDU 2089 不要62 (数学)
    HDU 2036 改革春风吹满地 (数学)
    HDU 1840 Equations (数学)
  • 原文地址:https://www.cnblogs.com/zhiyin/p/5725209.html
Copyright © 2011-2022 走看看