`

2009.11.17——jquery(1)

阅读更多
2009.11.17——jquery(1)
1.1
原来听老大说过,我们这个项目的二期开发要用到jquery,现在就想先来补充补充知识。
首先,想学习jquery就必须先理解几个javascript的概念
对象,var ride = new Object();//声明一个对象
JavaScript对象也是有属性的,而且这些属性不需要我们赋值前声明
ride.make = 'dayang';//字符串
ride.year = 2009;//数字
ride.purchased = new Date(2009,11,17);//日期
但是 要记住,高度的灵活与惨痛的代价并存的
由上可见,JavaScript的实例就是属性的集合,属性由名字和值组成,属性的名字是字符串,而属性的值可以是Number,String,Date,Array,Object甚至是其他JavaScript对象类型。
var owner = new Object();
owner.name = 'mengmeng';
owner.age = 22;
ride.owner = owner;
可以这样来访问嵌套的属性
var n = ride.owner.name;
注意,到现在为止,我们都是用'.'来引用对象的属性,但是
如果一个属性的名字为name.frist,这样JavaScript解释器就会出错了,所以需要一个更为通用的操作符,
ride[name.first]
ride.year <=> ride[year] <=> var p = 'year';ride[p];

1.2
上节的创建对象的方法过于繁琐,我们可以直接通过json(JavaScript对象表示法)来创建对象
var ride={
make: 'dayang',
year: 2009,
purchased: new Date(2009,11,17);
owner: {
name: 'mengmeng',
age: 22
}

};

1.3
函数,我们一般都认为函数是已命名实体,其实不然,
function doSomethingWonderful(){
alert("Wonderful!!");
}
这个表示法看起来很熟悉,普遍用于创建顶层函数,但是这个和下面的声明是一样的,
213;
声明是有效的,但是只有把它指派给属性或者变量,我们才能引用。
doSomethingWonderful = function(){
alert("wonderful");
}
这个和下面的是一样的,
num = 213;

其实 Function对象和Number等其他对象一样,它的实例也是值(Function实例的值就是函数体),也是可以指派给变量,属性或参数的。

1.4
函数上下文,不是决定于函数被如何声明,而是决定于函数被如何调用。
请记住这句话。
var o1 = {handle: 'o1'};
var o2 = {handle: 'o2'};
var o3 = {handle: 'o3'};
window.handle = 'window';
function whoAmI(){
return this.handle;
}

o1.fun = whoAmI;
alert(whoAmI);//window
alert(o1.fun());//o1
alert(whoAmI.call(o2));//o2
alert(whoAmI.apply(o3));//o3
alert(o1.fun.call(o3));//o3

Function对象的两个方法call(),apply()可以调用函数,可以把函数上下文设置成任何东西
call()方法和apply()方法都是第一个参数作为对象的函数上下文,其余参数都是被调用函数的参数,也就是,call()和apply()的第二个参数就是被调用函数的第一个参数,他俩的区别是:apply()方法的第二个参数必须是对象数组。
1.5
闭包,简而言之,就是。。。不是很理解
分享到:
评论

相关推荐

    jquery-3.3.1.js和jquery-3.3.1.min.js

    jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...

    Java全能学习面试手册——互联网企业面试真题.zip

    11 java面试——深圳-OPPO-Java高级.pdf 12 java面试——深圳-丰巢科技-Java高级.pdf 13 java面试——深圳-乐信-Java高级.pdf 14 java面试——深圳-蚂蚁金服-Java高级.pdf 15 java面试——深圳-商汤科技-Java高级....

    嵌入式成品项目-无线接收时钟.zip

    嵌入式成品项目——无线接收时钟.zip嵌入式成品项目——无线接收时钟.zip嵌入式成品项目——无线接收时钟.zip嵌入式成品项目——无线接收时钟.zip嵌入式成品项目——无线接收时钟.zip嵌入式成品项目——无线接收时钟...

    基于因子分析的我国A股上市...争力评价——以医药企业为例_张澳.caj

    基于因子分析的我国A股上市...争力评价——以医药企业为例_张澳.caj

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    《jQuery 1.9.1:深入理解与应用》 jQuery,这个JavaScript库,自2006年发布以来,以其简洁的API和强大的功能,迅速成为开发者们首选的前端工具之一。本篇文章将深入探讨jQuery 1.9.1版本,包括其核心特性、性能...

    微信小程序——移动端商城(截图+源码).zip

    微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+源码).zip 微信小程序——移动端商城(截图+...

    微信小程序——用户反馈组件(截图+源码).zip

    微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈组件(截图+源码).zip 微信小程序——用户反馈...

    jquery.treegrid.min.js

    jquery.treegrid.min.js jquery.treegrid.min.jsjquery.treegrid.min.jsjquery.treegrid.min.js

    python项目——Word助手.zip

    python项目——Word助手.zip python项目——Word助手.zip python项目——Word助手.zip python项目——Word助手.zip python项目——Word助手.zip python项目——Word助手.zip python项目——Word助手.zip python项目...

    简单易用的倒计时插件——jQuery.downCount.js.zip

    ### 1. 插件简介 jQuery.downCount.js是一款基于JavaScript库jQuery的倒计时插件,它允许开发者轻松地在网页上添加一个动态更新的倒计时计时器。通过简单的配置,你可以自定义倒计时的结束时间,插件会自动计算并...

    开发工具 jquery-1.11.3.min

    开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-1.11.3.min开发工具 jquery-...

    jquery-1.7.2.js 、jquery-1.7.2.min.js 【官方jquery包 js】

    3. **事件处理**:jQuery的事件处理方式也十分灵活,`$(element).click(function() {...})`定义了点击事件的处理函数,而`$(element).on('event', function() {...})`则可以绑定多种类型的事件。 4. **动画效果**:...

    C语言项目——MP3音乐播放器.zip

    C语言项目——MP3音乐播放器.zip C语言项目——MP3音乐播放器.zip C语言项目——MP3音乐播放器.zip C语言项目——MP3音乐播放器.zip C语言项目——MP3音乐播放器.zip C语言项目——MP3音乐播放器.zip C语言项目——...

    微信小程序——面包旅行:界面设计,文本展示(截图+源码).zip

    微信小程序——面包旅行:界面设计,文本展示(截图+源码).zip 微信小程序——面包旅行:界面设计,文本展示(截图+源码).zip 微信小程序——面包旅行:界面设计,文本展示(截图+源码).zip 微信小程序——面包...

    python项目——RCQ读者书库.zip

    python项目——RCQ读者书库.zip python项目——RCQ读者书库.zip python项目——RCQ读者书库.zip python项目——RCQ读者书库.zip python项目——RCQ读者书库.zip python项目——RCQ读者书库.zip python项目——RCQ...

    微信小程序——小游戏-别踩白块(截图+源码).zip

    微信小程序——小游戏-别踩白块(截图+源码).zip 微信小程序——小游戏-别踩白块(截图+源码).zip 微信小程序——小游戏-别踩白块(截图+源码).zip 微信小程序——小游戏-别踩白块(截图+源码).zip 微信小程序...

    java毕业设计——基于ssm的仿微博系统设计与实现(源码+数据库).zip

    java毕业设计——基于ssm的仿微博系统设计与实现(源码+数据库).zip java毕业设计——基于ssm的仿微博系统设计与实现(源码+数据库).zip java毕业设计——基于ssm的仿微博系统设计与实现(源码+数据库).zip java毕业...

    jquery.tools.min.js 最新的1.2.7版本

    jquery.tools.min.js 最新的1.2.7版本 jquery.min.js是压缩版的jquery库,是由完整版的jQuery库经过压缩得来,压缩后功能与未压缩的完全一样,只是将其中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些...

    微信小程序——学校管理小程序以重邮为例(截图+源码).zip

    微信小程序——学校管理小程序以重邮为例(截图+源码).zip 微信小程序——学校管理小程序以重邮为例(截图+源码).zip 微信小程序——学校管理小程序以重邮为例(截图+源码).zip 微信小程序——学校管理小程序以...

    java毕业设计——基于ssm的房屋租赁系统设计与实现(源码+数据库).zip

    java毕业设计——基于ssm的房屋租赁系统设计与实现(源码+数据库).zip java毕业设计——基于ssm的房屋租赁系统设计与实现(源码+数据库).zip java毕业设计——基于ssm的房屋租赁系统设计与实现(源码+数据库).zip java...

Global site tag (gtag.js) - Google Analytics