`
nankaiJerry
  • 浏览: 122905 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

jQuery学习笔记一:你必须知道的JavaScript知识

阅读更多

      JavaScript是一种基于对象和事件驱动的客户端脚本语言,由NetscapeLiveScript发展而来,是一种动态、弱类型、基于原型的语言。一个完整的 JavaScript 实现由核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)和浏览器对象模型(Browser Object Model,简称BOM)三个部分组成。

 

  • 关于JavaScript对象
             大多数的面向对象语言都定义了一个特定的根本Object类型,作为其他所有对象的基础,JavaScript也不例外。但从基本的层面上来说,JavaScriptObject与其他面向对象语言的Object几乎没有什么共同之处。JavaScript中的所有事物都是对象,比如字符串、数字、数组、日期等等。JavaScript
    中,对象是拥有属性和方法的数据。
             
    JavaScript创建自己的对象十分简单,下面的例子创建了”person”对象,并为其添加了几个属性:
             
    var person=new Object();
    person.firstname="Jerry";
    person.lastname="Chu";
    person.age=20;
    document.write(person.firstname + " is " + person[“age”] +" years old.");
    

          上例的最后一句代码也显示了访问JavaScript属性的两种常用方式。

        实际上,当你如下声明一个变量时:

           var name=”Jerry”;

        就已经创建了一个JavaScript字符串对象。字符串对象拥有内建的属性length,以及indexOf()等内建方法。

        从上面的实例中我们得知,JavaScript Object实例(对象)是属性的集合,每一个属性都由名称和值构成。属性的名称是字符串,而属性的值可以是任何JavaScript对象(甚至可以是函数)

          JavaScript创建对象的方法不少,但像上例中的方法既单调乏味又冗长易错。下面,我们学习一种更为简洁、可读性更强的表示法——JSONJavaScript Object NotationJavaScript对象表示法)。

    var person={
      firstname: "Jerry",
      lastname: "Chu",
      age: 20,
      pet: {
        type: "dog",
        color: "black"
      }
    };  

       事实上,大多数页面作者对JSON的偏爱远远超过利用多个赋值语句来创建对象的方法。(关于JSON更详细的信息,请自行Google/Baidu

 

  • 关于JavaScript函数:

          JavaScript函数的语法并不复杂,定义函数时使用了关键词function

    functionmyFunction()
    { 
      //这里是要执行的代码
    }  

        当然,与其它语言类似,你也可以为函数增加参数,此处不再赘述。

 

       下面是重点:

         JavaScript里,函数被认为是对象,与JavaScript里所定义的任何其它类型一样,比如StringNumberDate。就像其它构造器一样,函数也可以通过JavaScript构造器来定义。通过这种方式,Function可以:

       (1)      被指派给变量

       (2)      被指派为对象的属性

       (3)      被传入参数

       (4)      作为函数结果返回

       (5)      用字面量来创建

        这一点与我们在使用其它编程语言时不同,可能会让人感到困惑,那么考虑下面的语句:

    doSomething=function()
    {
      Alert(“does something!”);
    }

          function关键字自动地创建Function实例并把它指派给利用函数“名称”所创建的window的属性。再看下面语句

 

    aNumber=6;

 

         事实上这个语句的语法与之前的例子完全相同,6作为一个Number实例被指派给aNumber变量。

       我们对JavaScript里的函数不理解主要是我们在学习其他面向对象语言(如Java)时,函数并不是作为一种对象,而是被对象或者实例来调用。因此,若想理解JavaScript里的函数,我们需要认识到,JavaScript对待函数的方式与其他对象相同,所以函数是JavaScript的“一等公民”(《jQuery实战》)。

        所以,见到下面的代码时,也就不足为奇了:

 

    var person={
      firstname: "Jerry",
      lastname: "Chu",
      age: 20,
      pet: {
        type: "dog",
        color: "black"
      },
      getMyInfo: function(){return this.firstname+” ”+this.lastname+” is ”+this.age+” years old”      ;}
    };

 

 

分享到:
评论

相关推荐

    javascript and jquery学习笔记与资料

    这里,我们有针对这两个主题的学习笔记和参考资料,包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先,`JavaScript培训.zip`可能包含的是对...

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个javascript框架,...

    jquery 学习笔记

    **jQuery学习笔记** jQuery,作为一个轻量级的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧,帮助初学者快速上手。 ## 一...

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    javascript和jquery学习笔记

    javascript和jquery的学习笔记,自己做的大家可以下载浏览,很不错

    韩顺平jquery学习笔记及练习

    《韩顺平jQuery学习笔记及练习》是一份珍贵的学习资源,由知名讲师韩顺平的课程实录整理而成,旨在帮助学习者深入理解和掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互...

    JQuery学习笔记(技术文档)

    ### JQuery学习笔记(技术文档) #### 一、JQuery能做什么? JQuery 是一款轻量级的 JavaScript 库,它的设计宗旨是“write less, do more”,即“写得更少,做得更多”。通过JQuery,可以实现以下功能: 1. **...

    JQuery学习笔记

    以下是对JQuery学习笔记的详细解析: 首先,JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异,导致开发跨浏览器的网页应用变得复杂。为了统一这些...

    js&jquery;学习笔记

    这份"js&jquery学习笔记"应该包含对这些概念的详细解释,以及示例代码和练习,帮助读者理解和掌握这两种技术。对于初学者来说,这是一份宝贵的资源,能够快速上手JavaScript和jQuery,提升Web开发技能。

    JQuery学习笔记合集

    **jQuery学习笔记合集概述** jQuery是一个广泛应用于前端开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。这个"JQuery学习笔记合集"包含了三个部分,旨在帮助开发者从初级到高级...

    jquery学习笔记.rar

    总的来说,这份"jQuery学习笔记"是一份全面的教程资料,涵盖了从基础到进阶的所有重要知识点。通过系统学习,你可以理解jQuery的核心原理,掌握其高效的操作DOM、处理事件、实现动画和进行Ajax通信的方法,从而提升...

    javascript-jquery学习笔记.docx

    JavaScript 是一种客户端脚本语言,用于增强网页的交互性和动态性,而 jQuery 是一个 JavaScript 库,它简化了 JavaScript 的使用,提供了丰富的选择器、动画效果和事件处理。 在 JavaScript 中,字符串可以使用反...

    JavaScript及jQuery学习笔记(0)

    这篇学习笔记将探讨这两个技术的基础和关键概念。 首先,JavaScript是一种轻量级的脚本语言,它主要在客户端运行,允许网页对用户交互做出实时响应。JavaScript的核心特性包括变量、数据类型(如字符串、数字、布尔...

    Jquery学习笔记分享

    **jQuery学习笔记分享** 在Web开发中,jQuery是一个非常重要的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章:...

    Ajax和jQuery学习笔记

    ### Ajax和jQuery学习笔记 #### 一、Ajax基础与原理 **1.1 什么是Ajax?** Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种用来创建快速动态网页的技术,通过在后台与服务器进行少量数据...

    jQuery学习笔记 jQuery API

    **jQuery学习笔记 jQuery API** jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...

    JQuery学习笔记(日常积累)

    在深入探讨jQuery的知识点之前,首先需要理解jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。jQuery的核心特性是其选择器,它允许开发者通过CSS样式的语法轻松选取HTML...

    锋利的JQuery学习笔记

    ### 锋利的JQuery学习笔记 #### 一、页面加载事件与链式操作 **页面加载事件**:在Web开发中,确保DOM完全加载完毕后再执行某些操作是非常重要的。JQuery提供了一个简单的方式来实现这一目标,即通过`$(document)....

Global site tag (gtag.js) - Google Analytics