代码

jQuery的开篇声明里有一段非常重要的话：jQuery是为了改变javascript的编码方式而设计的。从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库。jQuery改变javascript编码方式！

那么它是如何实现它的声明的呢？这里，用以下的一段简短的使用流程：

1、查找(创建)jQuery对象：$("selector");

2、调用jQuery对象的方法完成我们需要完成的工作：$("selector").doOurWork();好了，jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心！

要实现这种简洁编码方式，创建jQuery对象这一环节至关重要。因此，jQuery的dom元素查找能力相当强悍。此外，jQuery对象的方法肯定是有限的，有限的方法满足不了日益增长各有所需的要求，所以，必须提供jQuery对象方法的扩展能力。

强悍的dom元素查找能力，以及随心所欲的方法扩展，这两点正是jQuery的核心所在！来一个简单的示例，来说明jQuery是如何工作的：

Transitional//EN”””>baidu

$(function(){

$(“a“).click(function(e){//1)查找$(”a”);2)jQuery对象事件click;3)jQuery对象方法hide$(this).hide(“slow“);

returnfalse;

});

});

jQuery中有一个“配置”的思想，这一点使得对象的属性/事件等设置变得容易理解且十分简便，如下一个拖拽组件的初始化：

可以看到，$("#drag1")是查找并创建一个jquery对象，然后调用Draggable方法进行拖拽初始化，在此方法调用时，传递一个“配置”对象，进行拖拽操作的初始化配置。这一“配置”的思想，极大简化了一些编码步骤，并相当直观和易懂。

以下我进行三个问答：

1、问：为什么$(selector)之后，返回的是jQuery对象？

答：从jQuery的源代码中，我们可以知道：var$=jQuery。因此当我们$(selector)操作时，其实就是jQuery(selector)，创建的是一个jQuery对象。当然正确的写法应该是这样的：varjq=new$(selector);而jQuery使用了一个小技巧在外部避免了new，在jquery方法内部：if(window==this)returnnewjQuery(selector);

2、问：为什么创建一个jQuery对象之后，我们可以这样写

$(selector).each(function(index){…});进行遍历操作呢？

答：其实jQuery(selector)方法调用时，在jQuery(selector)方法内部，最后返回的是一个数组：returnthis.setArray(a);而each方法体内部是一个for循环，在循环体内是这样调用的：method.call(this[i]，i)。

3、问：为什么jQuery能做到jQuery对象属性/方法/事件的插件式扩展？

答：如果您有一些javasciprt的面向对象方面的知识，就会知道，jQuery.prototype原型对象上的扩展属性/方法和事件，将会给jQuery的对象“扩展”。基于这一点，jQuery是这样写的：jQuery.fn=jQuery.prototype。所以，当我们扩展一个插件功能时，如下：jQuery.fn.check=function(){

returnthis.each(function(){

其实就是：

综上所述,jQuery给我们带来了一个简洁方便的编码模型(1>创建jQuery对象;2>直接使用jQuery对象的属性/方法/事件),一个强悍的dom元素查找器($),插件式编程接口(jQuery.fn),以及插件初始化的”配置”对象思想.

附:实现自己的jQuery

Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

divvv

fdsf

//实现自己的MyQuery框架

varMyQuery=function(selector){

if(window==this)returnnewMyQuery(selector);

//这里只实现dom类型的简单查找,嘿嘿

vardoms=document.getElementsByTagName(selector);

vararr=[];

for(vari=0;i

arr.push(doms.item(i));

}

returnthis.setArray(arr);

}

MyQuery.prototype.setArray=function(arr){this.length=0;

[].push.apply(this,arr);

returnthis;

}

MyQuery.fn=MyQuery.prototype;

var$=MyQuery;

//插件扩展1)each

MyQuery.fn.each=functionethod){for(vari=0,l=this.length;i

method.call(this[i],i);

}

}

//插件扩展2)show

MyQuery.fn.show=function(){

this.each(function(i){

alert(i+“:“+this.id+“:“+this.innerHTML);});

}

//debugger

$(“div“).show();

jQuery添加/移除CSS类实现代码

在网页设计中，我们常常要使用Javascript来改变页面元素的样式。

其中一种办法是改变页面元素的CSS类(Class)，这在传统的Javascript里，我们通常是通过处理HTMLDom的classname特性来实现的；而jQuery里提供三种方法来实现这个功能，虽然它们和传统方法的思想相通，但是却节省了许多代码。还是那句话-“jQuery让JavaScript代码变得简洁！”

1.addClass()-添加CSS类

代码如下:

$("#target").addClass("newClass");

//#target指的是需要添加样式的元素的ID

//newClass指的是CSS类的名称

2.removeClass()-移除CSS类

代码如下:

$("#target").removeClass("oldClass");

//#target指的是需要移除CSS类的元素的ID

//oldClass指的是CSS类的名称

3.toggleClass()-添加或者移除CSS类：如果CSS类已经存在，它将被移除；相反，如果CSS类不存在，它将被加上。

代码如下:

$("#target").toggleClass("newClass")

//如果ID为“target”的元素已经定义了CSS样式，它将被移除；

//反之，CSS类”newClass“将被赋给该ID。

4.hasClass("className")-判断是否已经存在CSS

在实际运用中，我们常常先定义好这些CSS类，然后通过Javascript事件触发（比如点击某个链接）来改变页面元素样式。此外，jQuery还提供一种方法hasClass("className")，用来判断某个元素是否已经被赋予某个CSS类。

Jquery使用addClass()与removeClass()来动态的添加或移出一个css类的具体例子如下：

1.$(“#para1”).addClass(highlight);添加一个“highlight”css类给id为para1的元素。

2.$(‘#para1’).removeClass(‘highlight);从id为para1的元素中移出一个‘highlight’css类。

具体实例代码如下：

窗口标题-left

61.

62.

63.

64.

65.

src="http://pic002.cnblogs.com/images/2012/451207/2012100814082487.jpg"alt="关闭"/>窗口标题-right

66.

67.

68.

69.

70.//获取窗口的高度

71.varwindowHeight;

72.//获取窗口的宽度

73.varwindowWidth;

74.//获取弹窗的宽度

75.varpopWidth;

76.//获取弹窗高度

77.varpopHeight;

78.functioninit(){

79.windowHeight=$(window).height();

80.windowWidth=$(window).width();

81.popHeight=$(".window").height();

82.popWidth=$(".window").width();

83.}

84.

85.//关闭窗口的方法

86.functioncloseWindow(){

87.$(".win_titleimg").click(function(){

88.$(this).parent().parent().hide("normal");

89.});

90.}

91.

92.functionpopCenterWindow(){

93.init();

94.//计算弹出窗口的左上角Y的偏移量

95.varpopY=(windowHeight-popHeight)/2;//垂直方向偏移量

96.varpopX=(windowWidth-popWidth)/2;//水平方向偏移量

97.

98.//设定窗口的位置

99.$("#center").css("top",popY).css("left",popX).slideToggle("fast");100.closeWindow();

101.}

102.

103.functionpopLeftWindow(){

104.init();

105.//计算弹出窗口的左上角Y的偏移量

106.varpopY=windowHeight-popHeight;

107.//varpopX=-(windowWidth-popWidth);

108.

109.//设定窗口的位置

110.$("#left").css("top",popY-50).css("left",50).slideToggle("slow");111.closeWindow();

112.}

113.functionpopRightWindow(){

114.init();

115.//计算弹出窗口的左上角Y的偏移量

116.varpopY=windowHeight-popHeight;

117.varpopX=windowWidth-popWidth;

118.

119.//设定窗口的位置

120.$("#right").css("top",popY-50).css("left",popX-50).slideToggle("normal"

);

121.closeWindow();

122.}

123.

124.

125.

在这个高度发达的人工智能时代，大量信息触手可得，这给人类带来了极大的便利，却又埋下了不少隐患。“阿尔法狗”的诞生曾一度引起了人类的恐慌，害怕自己终会被计算机所取代。

然而，苹果公司总裁库克认为：“我不担心人工智能会让计算机像人类一样思考，我更担心人类像计算机一样思考，失去了价值观和同情心，罔顾后果。”细细想来，这才是人类最大的隐患。

人的大脑沟壑纵横，人的思绪千变万化，而计算机仅仅由代码构成。人像计算机一样思考，会导致思想的简单化，终会造成一个没有信仰、没有价值观的世界。复旦大学哲学系教授谢遐龄先生曾在演讲时问台下学生：“你们有信仰吗？”台下举手的人寥寥无几。接着，他又道：“信仰，实则是一个人的良知、一个人的敬畏之心。然而当今中国绝大多数人都没有信仰。”我们不再相信“举头三尺有神明”，也不再相信“人在做，天在看”，更是丢弃了可贵的敬畏之心。试想，这样的世界将会多么可怕。失去了信仰，失去了价值观，失去了对生命、良知的敬畏，那么他还是人吗？他只会是一个头脑简单的单细胞生物，碌碌无为，苟活于世。

人类像计算机一样思考，丧失的还有一种悲天悯人的情怀。心脏是火热的，是饱含着热血、热忱的，而不应如机器般冷漠。二战后，日本经济发展迅速，成功跻身发达国家之列，可这也带来了一些惨痛的代价。日本逐渐形成了一种“人不犯我，我不犯人”的文化。作为一个自杀率极高的国家，国民不会去叹惋、去悲悯，而仅仅是把他人的自杀当作是交通堵塞、上班迟到的借口，岂不荒谬可笑，想来还有一丝悲凉。当这个世界的人们如平行线一般地生活，没有相遇，更谈不上交集，那么人类社会只会如一张布满横线的纸，甚至连代码都比不上。世态炎凉，但我们必须要有一颗火热跳动的心。

心存信仰、满怀悲悯，因此，我们才叫做人类。这两股力量相辅相成，形成人间至美，犹如天边北斗，穿越百年云烟，尤能给人们以指引。只是当今社会，人们只会低头，而不会去看看那颗亘古不变的星星，已然失去了它原有的光辉。而唯有心中的那份信仰与情怀才能擦拭去它的污浊，使它重新闪耀。

春有百草秋有月，夏有凉风冬有雪。这世间如此美好，怎得让它止于几行代码？

随着AI技术的蓬勃发展，人们不禁担心计算机是否会拥有人的意识。然而，苹果公司总裁库克的一席话却更值得我们深思，扪心自问，我们如今也逐渐像计算机一般思考了。

人之所以为人，是因为拥有高级的意识，学会了自主思考。而计算机虽具有强大的计算能力，但究其根本，它只是一段代码，它的世界中只有无数的0和1，执行或不执行。可是我们今天却在思维机械化。大数据时代的到来，微博、QQ等软件的普及，我们面对指数上升的信息，失去了自主判断的能力。“令13亿中国人震惊”、“男人女人看了会流泪”等抓人眼球的标题层出不穷，我们中的大多数都成为了代码的奴隶，三观被热搜引导，很少人再静下心来去思辨、去论证了。

人之所以为人，更是因为具有情感，而非一具冷冰冰的躯壳。可是，今天的我们的心却也在面临着机械化。老人摔倒了，很少人会毫不犹豫地扶起，而是在想是不是“碰瓷”的；国外的留学生失踪了，竟会有人评论说是活该，甚至是动用污秽的字眼去谩骂攻击；拉斯维加斯发生了枪击案，却有人大喊“干得漂亮”。到底是什么让我们的同情心减弱甚至消失了？或许是因为我们像计算机一样以二进制思考，而忘记了人性中本就有的善良。我们吃了太多伊甸园的智慧果，我们太“聪明”了，但是我们需要的是我们所认为的“傻子”，他们仍有善，仍以德报怨，却为我们嘲笑说“这人真傻”。有时，我们需要脱离计算机的思维，让人性的善良释放出来，扶起跌倒的老人，为那些遭遇不幸的人们祈福。

最应担心的不应是AI使计算机像人类思考，因为这反会使计算机有了自己的价值观和同情心；反之，若人类像计算机般思考，反倒会使人类失去自己独有的财富——意识与情感。若这一天真的发生，我想AI成为世界的统治者也无可厚非，因为在那时，计算机的皮囊下是人的大脑和心，而人的肉身下是一串代码和机械的心……

我希望那一天不要到来。

一个秋风飒爽的下午，我坐在咖啡馆中看着书，耳机穿在我的颈后。目光穿过了我的书本，留在窗外的落叶与小鸟上，身旁则是一群学生在忘我地聊天。他们的年龄与我效仿，聊天内容也从游戏转移到了高考选科，我起了兴致，留了心眼在旁听，试图加入他们的聊天当中。

听了没多久我便失望地发现——他们选科的标准不是对什么感兴趣，而是出于“高考这科难度小”、“将来选好专业容易”、“XXX学校的人都选物理，要避开高峰”，在他们的眼里，物理化学成了牟利的工具，自然科学的真正价值他们视而不见。

我戴上耳机。

一个交好的朋友前日投入了化学竞赛，与他聊天时聊至此事，我以为他对化学的热爱程度远超常人，然而同他交流后才得知，他早已厌恶元素的各类性质和记诵诸多方程式。

“那你为何投入竞赛中？“

“可以拿奖啊！拿奖就可以签约清北交复等各类名校。“他得意洋洋地说着，还同我畅谈他的竞赛规划。

我保持沉默，时不时点点头。

作文竞赛开始前半小时，我看到考场外的同学们大都拿着书，让我格外高兴。而我定睛一看，才发现他们手上拿的是一本本作文选，各类出版社不尽相同，但都是为了半小时后做准备。像我手上拿着《论美国的民主》这类我真正可得到一些“有价值的东西“的书的同学真是少之又少。我格外失望。

“人工智能会让计算机像人类一样思考”，这是格外的好事！计算机称霸全宇宙这类幼稚的情节只能在电影中寻找了。合理的编程和调控，可使计算机为人类所用，又不伤害人类，为人类创造价值。

但一旦人类的思维“编译”成了“代码”，我们开始一味地追求结果和利益的最大化时，我们不仅会丢失库克所言的“价值观”与“同情心”，更会丧失很多事物，直至彻底丧失人性。

咖啡馆中的学生、与我畅谈的朋友、作文竞赛考场外的同学，他们本应是单纯的孩子与学生，而受世俗之风之扰后，也开始为“大学、好专业、拿奖“所奔波忙碌，而不去探寻自己真正热爱什么，能为国家与社会做些什么贡献。若是人们一味地探求名利，那居里夫人便永远也发现不了钋与镭，我国各类科研计划将永远停留于纸上，朝政将永远一片黑暗，社会也将永远无法踏出前进的步伐。这类只追求结果与名利的价值观，是阻碍个人发展、社会发展的绊脚石。

而当价值观支离破碎时，同情心也将一同流逝。如同计算机一样机械性地执行编码命令，而缺少独立判断是非的能力，一味将判断力交付给所谓“一贯正确“的潮流、组织的手里，自然便在该潮流、组织施行暴虐时成为跟风者与帮凶。咖啡馆中的学生与同我聊天的朋友，他们那令人不解的行为无非时受到他人影响罢了。而与此同时，当社会焦点聚焦在一些人的错误品行之上时，他们往往会跟着一同批判这些人的不良品行，而不去理解某些特定的因素导致这些不良品行的无奈发生。不去理解他们，而是依照那些”一贯正确“的组织的思维进行思考，同情心自然便丧失殆尽。

而追名逐利与同情心的丧失均是来源于思维与立场的不坚定——即思维品质问题——这远比计算机会思考要恐怖万倍。历史上早有这样的例子——中国古代各类贪官污吏与希特勒的极权政府。贪官污吏的思维立场不坚定，没有为社会做贡献，反倒成为一只“硕鼠”，损害人民利益；希特勒极权政府下的民众被希特勒煽动的原因便是没有独立思考的能力，因为一块面包和大众汽车便忘命追随他。当犹太人在集中营中被屠杀时，他们是麻木的，他们不认为那是自己的同类，而是动物。

在“思维代码化”的风气之下，保持自己的思维固然重要，但这并不代表我们可以放弃思考、放弃奋斗。放弃追名逐利的同时也放弃美好事物，放弃谴责该被理解之人的同时也放弃理解他们。只有思维独立与不懈奋斗的有机结合，我们才能在自己热爱的事物上有所突破，以大无畏的精神挑战世间一切丑恶，时时突破自己的局限性，并达到全新的人生境界。

成长之歌，这首充满了奋斗的艰辛，也洋溢着收获的喜悦的歌，究竟应该如何诠释？我试图在一行行看似冰冷的代码中，摸索出一条与众不同的道路。

启程——一首青涩的初识之歌

机房外，秋风习习。初入信息奥赛队，眼前的一串串代码，就像刚刚相见的一个个陌生的面孔。从小对电脑的爱好，促使我走上这一条崭新的道路。我知道，这将是我编写代码，驾驭计算机之路的起点。窗外飘来成熟的气息，但属于我的成长的歌，才徐徐开篇。

跋涉——一首昂扬的拼搏之歌

起初的一年，是我兴趣盎然的一年。抱着对新事物的好奇与向往，我和其他队员开始有条不紊地投入到信息奥赛中来。在大家还带着懒意的周末清晨，校园开满鲜花的小路上便有了我们的足迹。在老师孜孜不倦的指导下，代码的结构、基本指令等，我们都逐渐理解。那时，我们正像未完成的程序，将一串串“代码”——信息学知识输入到我们充满希望的头脑里。树影摇曳，鸟儿也在树枝上，轻轻为我们梦想的歌伴奏着。

进入第二年，那是我们激情澎湃的一年。老师由台前转为幕后，我们行向歌曲的中段，那是我们的独奏。数以千计的习题，摞成小山的书本，我们一点点攻克；高深莫测的数据结构，花样百出的神奇算法，我们用手中的代码一点点探究。夜深了，机房亮到深夜的灯，与窗外的月光相呼应，成了校园一道最美的风景。奋斗的我们，像打包运行的程序，在代码的指引下散发着能量，只为了最后的那个正确结果。日历一页页被撕落，我们正满怀希望地走向那惊耀全场的乐曲终章。

冲刺——一首盛大的丰收之歌

程序，该输出结果了。我们，该迎接最后的挑战了。在全省精英云集的考场上，我们坚定地打下一行行代码，争夺属于自己的最后的胜利。原本杂乱无章的代码被一种信念串连起来，铺平我冲刺的道路，谱成我丰收的歌。成绩出来时，望着我用泪水与汗水换来的佳绩，我发现，路的尽头，果真是光明。

那一刻，我成长了。

歌结束了吗？不，歌远未结束。我深知天外有天人外有人，但我仍将不回头地在这条路上走下去。因为我知道，我的成长之歌，就是那一串串代码中赋予的，蕴含着崭新的活力与生机的，青春的欢歌！