一.JS 是什么,jquery 是什么  就不说明了，直接说一般使用是怎么样的

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8" />
  5. 		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
  6. 		<script type="text/javascript">
  7. 			$(document).ready(function(){
  8. 				alert("文档加载完成时，执行该方法");
  9. 			});
  10. 		</script>
  11. 		<title></title>
  12. 	</head>
  13. 	<body>
  14. 	</body>
  15. </html>

　上述为基本的jquery写法，然而实际中经常简写如下:

　

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
  6.         <script type="text/javascript">
  7. //            $(document).ready(function(){
  8. //                alert("文档加载完成时，执行该方法");
  9. //            });
  10.           $(function(){
  11.               alert("文档加载完成时，执行该方法");
  12.           });
  13.  
  14.         </script>
  15.         <title></title>
  16.     </head>
  17.     <body>
  18.     </body>
  19. </html>

以上两段代码是等效的，只是不同的写法。

方法定义同样如此，如下

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
  6.         <script type="text/javascript">
  7.           $(function(){
  8.               //单双引号仅标识为字符串
  9.              ShowMsg('这是一个字符串类型的参数');
  10.           });
  11.  
  12.           function ShowMsg(para){
  13.                alert(para);
  14.           }
  15.         </script>
  16.         <title></title>
  17.     </head>
  18.     <body>
  19.     </body>
  20. </html>

HTML 方法

很多时候，写法是这样写的

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
  6.         <script type="text/javascript">
  7.           $(function(){
  8.               //单双引号仅标识为字符串
  9.              ShowMsg('这是一个字符串类型的参数');
  10.           });
  11.  
  12. //        function ShowMsg(para){
  13. //             alert(para);
  14. //        }
  15.  
  16.          var ShowMsg =function(para){
  17.              alert(para);
  18.          };
  19.  
  20.         </script>
  21.         <title></title>
  22.     </head>
  23.     <body>
  24.     </body>
  25. </html>

实际就相当于 后面的部分是个匿名的方法，匿名也就是没有名字的方法，比如我们可以发现$(function(){});

$(); //相当于 $(doctument)

而参数为一个匿名方法 function(){};

   为什么要这么写？

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

Jquery和Javascript 实际项目中写法基础 (1)的更多相关文章

  1. Jquery和Javascript 实际项目中写法基础-弹出窗和弹出层 (4)

     一.实际项目中有很多如下界面效果.    二.该效果可以归结为弹出窗或者弹出层来实现的,为什么这么说?看如下代码:      <!DOCTYPE html> <html> & ...

  2. Jquery和Javascript 实际项目中写法基础-ajax和json (3)

    一.什么是JSON数据? 一种轻量级的数据交换格式.实际中知道如何使用即可. 软件开发我认为就是一个会用,然后知其原理的过程. 例子如下: <!DOCTYPE html> <html ...

  3. Jquery和Javascript 实际项目中写法基础-闭包 (2)

    一.什么是闭包? 概念性的我就不去百度了,感兴趣的可以自己去搜下,我自己的理解,闭包就是一个封装的包,相当于类的概念,把乱七八糟的的东西封装到一起,然后统一使用一个对象来调用,实现代码部分对外开放,部 ...

  4. JavaScript在HTML中的基础用法总结

    网页主要由三部分组成,分别为html.CSS和Javascript.如果说HTML是肉身,CSS是皮相,那Javascript就是灵魂.因此,三者的联系与融合则至关重要.本文就来为大家讲解一下Java ...

  5. ASP.NET MVC jQuery 树插件在项目中使用方法（一）

    jsTree是一个 基于jQuery的Tree控件.支持XML,JSON,Html三种数据源.提供创建,重命名,移动,删除,拖"放节点操作.可以自己自定义创建,删 除,嵌套,重命名,选择节点 ...

  6. JQuery统一复写美化项目中所有radio单选按钮样式

    老项目要升级改版,对于分散在各页面的样式不好处理,怕有遗漏,尤其是优化input表单,修改其默认样式,接下来,我将给大家分享一下,我在项目中的总结. 效果 上代码: 1.简单搞一搞 CSS,此处代码有 ...

  7. 项目中lua(基础)

    关于项目中lua任务(某些没弄懂,但lua上耗费时间有点长了不看了) 这段时间看了lua语法和项目中lua应用 .在lua中注册c库,在lua5.2中好像都是注册c库,相当于在lua中定义一个tabl ...

  8. jQuery Validate验证（项目中使用的）

    大致结构是: <script type="text/javascript" src="<%=path %>/js/jquery-1.9.1.min.js ...

  9. NopCommerce开源项目中很基础但是很实用的C# Helper方法

    刚过了个五一,在杭州到处看房子,不知道杭州最近怎么了,杭州买房的人这么多,房价涨得太厉害,这几年翻倍翻倍地涨,刚过G20,又要亚运会,让我这样的刚需用户买不起,也买不到房子,搞得人心惶惶,太恐怖了,心 ...

随机推荐

  1. LPCTSTR 用法

    L表示long指针       这是为了兼容Windows  3.1等16位操作系统遗留下来的,在win32中以及其他的32为操作系统中,  long指针和near指针及far修饰符都是为了兼容的作用 ...

  2. viewport 详解

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale= ...

  3. SQL Server T-SQL高级查询

    name like 'ja%'; select * from student where name not like '%[j,n]%'; select * from student where na ...

  4. CentOS----使用yum命令出现“could not retrieve mirrorlist http://mirrorlist.centos.org ***” - ybq155”

    无聊安装了个mini版的32位的CentOS 6.5,进来想安装个东西,yum install emacs 提示什么 Loaded plugins: fastestmirror, refresh-pa ...

  5. Java中ExecutorService和CompletionService区别

    我们现在在Java中使用多线程通常不会直接用Thread对象了,而是会用到java.util.concurrent包下的ExecutorService类来初始化一个线程池供我们使用. 之前我一直习惯自 ...

  6. 学习mongo系列（七）aggregate() ,$group() 管道

    aggregate()聚合,主要用于处理数据(诸如统计平均值,求和等),并返回计算后的数据结果.有点类似sql语句中的 count(*) 接上边的数据库: > db.user.aggregate ...

  7. docker部署tomcat

    一.环境简介 宿主机版本:ubuntu-14.04.3-server-amd64.iso JDK版本:jdk-7u76-linux-x64.tar.gz TOMCAT版本:apache-tomcat- ...

  8. PSP进度（11~16）

    本周psp 11月14号 内容 开始时间 结束时间 打断时间 净时间 查看Java相关资料 18:31 19:28 0 57分 代码实现 19:30 20:46 0 76分 发布博客 22:55 23 ...

  9. 随机抽奖 --java

    使用Math.random() 1.Math.random() 返回double类型. /** * 随机得到获奖名单 * @param assocs * @param prizeNumber * @r ...

  10. BZOJ2733 [HNOI2012]永无乡

    直接平衡树启发式合并就好了...貌似是个很高端的东西.. 貌似可以证明splay的启发式合并是均摊$O(nlogn)$的...而其他平衡树都不行,所以其他的复杂度都是$O(nlog^2n)的$的 所以 ...