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

时间：2023-03-09 07:07:40
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(){};

   为什么要这么写？

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

相关文章