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

   为什么要这么写?

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

时间: 2024-11-12 21:50:43

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

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

一.什么是JSON数据? 一种轻量级的数据交换格式.实际中知道如何使用即可. 软件开发我认为就是一个会用,然后知其原理的过程. 例子如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="js/jquery-1.11.0.js" ></script&

项目中lua(基础)

关于项目中lua任务(某些没弄懂,但lua上耗费时间有点长了不看了) 这段时间看了lua语法和项目中lua应用 1.在lua中注册c库,在lua5.2中好像都是注册c库,相当于在lua中定义一个table,key是函数名字,value是函数指针 m_spLuaState->RegLib("game", funcs); 2.加载项目中所有lua并执行 刚开始不知道那个dofile具有执行lua的功能,结果是返回0表示成功,执行lua就是执行其中定义的一些函数和全局变量(普通变量,表

十、VueJs 填坑日记之在项目中使用Amaze UI

上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI).先来介绍一下妹子UI.Amaze UI 含近 20 个 CSS 组件.20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色.体验优秀的跨屏页面,大幅提升开发效率.最主要是妹子UI的性能好,轻量级. 获取妹子UI(Amaze UI)下载地址:http://amazeui.org/getting-started 点击上方绿色的按钮,我们来下载最新版的妹子UI,下面有配套的文档和编辑器,

切身体会,从项目中小结出 前端程序员容易忽视的一些基础知识

基础数据结构与算法 现在有两个不同的JSON,比较复杂,可以参考这里的DEMO中返回的JSON.要比较它们的差异,除了用现成的工具如beyond compare以外,如果我们的机器上没有安装这个工具,能如何较快解决?作为一个程序员,一个个对比是不可行的,对比完也不会有什么收获.我会把之放进Excel中(如果你机器连这个都没有,那忽视我),先排序,再用二分法去快速定位找到有差异的JSON属性,即使是1024个字段的大数据,也最多10次的定位即可找到.其实算法这东西,并不是给你一道题目然后把死记下来

Eclipse项目中加入jquery.js文件报错(missing semicolon)问题

在使用Eclipse3.7及以后的版本的时候,加入jQuery文件会报错(missing semicolon),文件中会显示红色小X,虽然这个错误并不会影响项目的运行,但是这个却会大大的影响到开发人员的心情,看这总是很不爽,怎么样才能解决呢. 很简单,首先我们先分析下造成这种情况的原因,如果你是个心细的人,去研究一下项目中的.project文件,你会发现有这样一段代码,如下:   节点下的这些代码,你会发现第一个有个org.eclipse.wst.jsdt.core.javascriptVali

如何在程序开发项目中选择合适的 JavaScript 框架,节省时间和成本的9款极佳的JavaScript框架介绍

从技术上来看,iOS,Android 和 Windows Phone 上的移动应用是使用不同的程序语言开发的,iOS 应用使用 Objective-C,Android 应用使用 Java,而 Windows Phone 应用使用 .NET. .随着 JavaScript,CSS 和 HTML 知识技能的提升,相信你也可以构建一个超赞的移动应用.在这篇博客里,我们将会介绍一些极好的 JavaScript 移动应用程序开发框架. 说到网络开发,就不得不说 JavaScript,这是一款很有前途的程序

实用篇:说说我在JavaScript项目中使用的工具类

在JavaScript的开发中,我们都会写一些工具类来帮我们简化一些业务操作的逻辑,一下就貼几个我在项目开发过程中常用的工具类.表达能力有限,各位看官还是看源码吧. 一.日期处理工具类. /** * 日期处理工具类 * @Authors: jackyWHJ * @date 2013-10-18 * */ var DateUtils = { /** * 得到日期在一年当中的周数 */ getISOYearWeek: function(date) { var commericalyear = thi

主攻ASP.NET.4.5.1 MVC5.0之重生:在项目中使用zTree jQuery 树插件

效果图和json格式 Controllers代码 using HR.Models; using HR.Models.Repository; /************************************************************************************ * 命名空间:HR.Controllers * Controller: TreeController * 版本号: F 1.0.0.0 * 负责人: Markfan * 电子邮箱:[ema

Javascript 优化项目代码技巧之语言基础(一)

1.全局变量污染与变量提升2.数据类型3.特殊值(NaN.undefined.null)4. === 与 ==5.没有真正的数组6.避免使用with与eval7.消除switch歧义8.不要省略块标志 { } Javascript的弱类型以及函数作用域等规则使用编写Javascript代码极为容易,但是编写可维护.高质量的代码却变得十分困难,这个系列的文章将总结在项目开发过程中,能够改善代码可读性.可维护性及优化运行性能的一系列技巧.     如有问题,请不吝指出,非常感谢:如果喜欢,右下角点个