`
Roader123
  • 浏览: 94212 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQuery (1)-----JavaScript 必知必会

阅读更多

1 .JavaScript 对象的基本原理

1.1 对象怎样成为对象 var aOjbect = new Object();

1.2 对象的属性

一般用点操作符来引用对象的属性,在属性名称中有点的话就不可以了。

所以需要更通用的表示法来访问对象属性。

object[propertyNameExpression]

 

1.3 对象的字面量

var ride = {

   make : 'Yamaha',

   model : 'V-Star',

   year : 2010,

   purchased : new Date(2005,3,12),

   owner : {

       name:'Spike Spiegel',

       occupation : 'bounty hunter' 

   }

};

这个片段利用对象字面量来创建ride对象。

这个表示法称为JSON(JavaScript Object Notation, JavaScript 对象表示法)。

 

1.4 对象作为window属性

JavaScript Object 概述的重要概念:

  • JavaScript对象是属性的无序集合;
  • 属性由名称和值构成;
  • 对象可以利用对象字面量来声明;
  • 顶层变量/函数是window的属性。

2 函数在JavaScript里是一等对象

Function可以

  • 指派给变量
  • 指派给对象的属性
  • 作为函数参数
  • 作为函数结果返回
  • 用字面量来创建

函数不仅有值(函数体)还有名称。

 

2.1 名称里面是什么

函数字面量表示法

doSomethingWonderful = function(){

 alert('does something wonderful');

}

 

2.2 作为回调函数(callback functions )

在异步编程中最为流行的概念是回调函数。

setTimeout(function(){ alert('Hi here!'); },5000);

 

2.3 this到底是什么

 

this所引用的对象被称为函数上下文。

函数context 不是由如何声明函数决定,而是由如何调用函数决定。

JavaScript也提供显示地办法设置function context.

通过Function方法call() 或apply()来调用函数,可以把函数上下文设置为所想的任何东西。

用call()来调用函数(这个函数作为第一个参数),其余参数作为被调用函数的参数。

apply()方法和call()相似,除了第二个参数要求是对象数组。

 

”函数是对象的方法“是不正确的。

在对象充当函数的调用上下文时,函数充当对象的方法。

 

2.4 闭包(closures)

 

闭包就是Function实例,外加对于Function实例的执行来说是必需的、来自环境的本地变量。

JavaScript里所有的闭包被隐式地创建。这就使得在代码中难以发现闭包。

 

$(function(){

  var local=1;

  window.setInterval(function(){

    $('#display')

         .append('<div>At ' + new Date()+' local=' + local + '</div`>');

      local++;

  },3000);

});

 

 

函数上下文决不被包含为闭包的一部分。

如果需要访问在外部函数里作为函数上下文的对象,可以采用普通的习惯用法:在本地变量里创建this引用的副本,这个副本将被包含在闭包里。

this.id = 'someID';

var outer = this;

$('*').each(function(){

  alert(outer.id);

});

 

 

分享到:
评论

相关推荐

    jquery-3.1.1.js和jquery-3.1.1.min.js

    《jQuery 3.1.1版本详解:从js到min.js》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件...对于任何使用JavaScript进行Web开发的人来说,理解和掌握jQuery都是必不可少的技能。

    jQuery-File-Upload for asp.net MVC

    1. 添加依赖库:首先,我们需要在项目中引入jQuery-File-Upload的相关文件,包括JavaScript库、CSS样式表以及可能需要的图片资源。通常,这些文件会从GitHub或NuGet包管理器获取。 2. 配置视图:在视图(View)中,...

    jQueryAPI-100204 学习jQuery

    jQuery是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的易用性和跨浏览器兼容性使得它成为Web开发领域中的必备工具。这份资料——"jQueryAPI-100204",旨在...

    jquery-ui-1.8.5 UI设计必备

    jQuery UI是基于JavaScript库jQuery的一个强大组件,它为Web开发者提供了丰富的用户界面交互元素和设计模式。在"jquery-ui-1.8.5"这个压缩包中,包含了实现高质量UI设计所需的基本资源和实例,使得网页的交互性和...

    jquery-1.8.3.js

    在Web前端开发中,jQuery是一个不可或缺的库,它极大地简化了JavaScript的使用,提高了网页的交互性和动态效果。本文将围绕标题“jquery-1.8.3.js”展开,深入探讨jQuery的基本概念、功能及其在HTML、JavaScript和...

    jquery-tab-menu

    "jQuery-tab-menu"就是一个专注于此功能的JavaScript插件,它利用jQuery库的灵活性和强大功能,为开发者提供了创建漂亮、实用且简单选项卡菜单的解决方案。 jQuery是JavaScript的一个库,它极大地简化了DOM操作、...

    前端项目-jquery-throttle-debounce.zip

    ```javascript // 使用防抖,用户停止输入300毫秒后执行搜索 $("#searchBox").on("input", $.debounce(300, function() { doSearch($(this).val()); })); // 使用节流,滚动停止后100毫秒内执行性能优化的函数 $...

    基于jQuery的图片点击弹窗预览大图插件,jquery.fancybox-1.3.4

    jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及Ajax交互等任务。jQuery的易用性和广泛的社区支持使得它成为前端开发的首选工具之一。Fancybox正是利用jQuery的强大功能,实现了图片...

    jQuery-Impromptu-master

    1. **安装与引入**:首先需要在项目中引入jQuery库,然后下载jQuery-Impromptu并将其JavaScript和CSS文件引入到HTML中。 2. **初始化对话框**:通过$.prompt函数启动对话框,可以传递参数来设置标题、内容、按钮等...

    jquery-zsign签章.rar

    jQuery-zsign是一款基于jQuery的JavaScript插件,它能够帮助开发者轻松地在网页上实现动态的电子签章效果。本篇文章将详细讲解该插件的原理、使用方式以及应用场景。 一、jQuery-zsign简介 jQuery-zsign是专为Web...

    jquery-i18n-properties-1.0.9

    在Web开发中,为了满足全球用户的使用需求,网站和应用程序的国际化(i18n)是必不可少的。jQuery.i18n.properties是一款针对jQuery设计的轻量级国际化插件,它使得在前端实现语言切换变得简单高效。本文将深入探讨...

    JQuery-1.7.2-vsdoc.js

    通常,这个文件会和jQuery库文件一同存在,例如在Scripts文件夹下。在VS中,你需要设置项目的JavaScript引用,添加对jQuery库和vsdoc.js的引用,这样VS才能识别并启用代码提示功能。 总的来说,jQuery-1.7.2-vsdoc....

    jquery-ui-1.8.10.custom含vsdoc.rar

    在Web开发领域,jQuery UI是一个广泛使用的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件,如日期选择器、对话框、拖放操作等。在本篇文章中,我们将深入探讨jQuery UI 1.8.10自定义版本,并...

    jquery-2.0.3.min.map

    《jQuery源码映射文件详解——以jquery-2.0.3.min.map为例》 在JavaScript的世界里,jQuery是...对于任何使用压缩后的jQuery库或者其他JavaScript库的开发者来说,理解并合理使用Source Maps都是一个必不可少的技能。

    Python库 | jquery-1.2.3-py2.5.egg

    jQuery库是基于JavaScript实现的,但它不直接与ECMAScript版本关联,因为jQuery的API设计旨在提供一致性和易用性,而不是严格遵循特定的ECMAScript版本。 标签中的“python”和“前端”暗示了这个库可能是在Python...

    jquery笔记-达内培训

    ### jQuery基础知识及应用 #### 一、jQuery简介与特点 1. **定义**:jQuery是一种广泛使用的开源JavaScript库,它简化了HTML文档遍历、事件...掌握jQuery的核心概念和技术细节对于前端开发者来说是必不可少的技能。

    轻量级校验框架 Jquery-Lweight-validate.zip

    Jquery-Lweight-Validate是一款专为JavaScript设计的轻量级校验框架,它以其简洁、高效的特点深受开发者喜爱。本文将深入探讨这款框架的核心功能和使用方法。 Jquery-Lweight-Validate框架的核心理念是提供一种简单...

    前端项目-jquery-validation-unobtrusive.zip

    1. 引入库:在项目中引入jQuery、jQuery Validation主库和jQuery Validation Unobtrusive库。通常,这些库可以通过NuGet或CDN获取。 2. 设置数据属性:在表单元素上使用data-*属性指定验证规则,例如: ```html ...

    jquery-1.10.0官网正版

    `会将指定的div元素向右移动50像素,持续1秒。 此外,jQuery还提供了丰富的插件生态系统,如jQuery UI、jQuery Validation Plugin等,这些插件扩展了jQuery的功能,涵盖了表单验证、日期选择器、拖放操作等多种应用...

    jquery-qrcode-master.zip

    1. 引入库文件:首先,你需要在你的HTML文件中引入jQuery库(如果还未引入)和jQuery QRCode的JavaScript文件。一般情况下,这两个文件会放在项目的`js`目录下。 ```html &lt;script src="https://code.jquery....

Global site tag (gtag.js) - Google Analytics