2009年3月13日,

甜Chainability

发布者:马赫布卜在: 方法

关于jQuery的最好的事情之一是它的几乎所有的方法链能力。 如果“产业链的能力”听起来希伯来语,这里解释一下它是什么。

chain

比方说,你有一个<div id="myDiv"> LOREM的IPSUM </ DIV>

和你需要做以下

  1. 改变高度为150px
  2. 改变不透明度为0.8
  3. 添加类称为“pClass”“
  4. 像“我们是世界”,并设置文本里面的div

因此,在正常情况下,你会做什么? 你写四行代码。 想,如果使用传统的方式,你可能会写的jQuery

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $(“#myDiv”)CSS(“高度”,“150px”);
 ) . fadeTo ( 500 , 0.8 ) ; $(“#myDiv”)fadeTo(500,0.8); 
 ) . addClass ( "pClass" ) ; $(“#myDiv”)addClass(“pClass”); 
 ) . text ( "We are the world" ) ; $(“#myDiv”) 文本 (“我们是世界上”)。; 

但是,如果我们使用方法chaininig我们就简单的写

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; 。$(“#myDiv”)CSS(“高度”,“150px”)fadeTo(500,0.8)addClass(pClass“)  案文 (”我们是世界上“)。; 

看起来杂乱无章? 我不认为如此。 这是可读的,除非你把相当多的方法很多,这是不太可能的对象。 所以这是链接。

背后的屏幕上,链接只是做应用该方法后,返回的对象itselft。 它很喜欢我们如何使用JavaScript对象中的方法,如

  "Lorem Ipsum Dolor" ; VAR myString的=“LOREM IPSUM悲”; 
  ( ) . substring ( 0 , 5 ) ; 。pstring类型= myString的toLowerCase()子串 (0,5); 

这是一份礼物,当我们选择做这样的事情。 谁愿意写更多的代码,当你的办法,使其短? 至少我不知道。 因此,几乎所有的方法

jQuery有chainability。 链,返回整个jQuery对象本身,使更多的方法可以应用到它的所有方法。

你可以看到上面的代码在这里运行。

标签:

2009年二月,11

使用jQuery的13理由

发布者:马赫布卜 MISC

很好,已经有许多文章,在WWW上,这就够了“为什么jQuery是选择”。 对我来说,它只是准确,层次分明,学习曲线高,易于使用。 当我开始我在1999年的本科生回,有没有图书馆,处理跨浏览器问题(使用Netscape的JavaScript程序员的悲惨生活)。 因此,我们不再为特定目的而编写的脚本和处理跨浏览器的问题。 托马斯在dhtmlcentral Brattli了一些不错的脚本菜单上和我们用来实现一些库。 但最重要的是没有这么好的图书馆可以做魔法,一个图书馆,你可以扩展容易你想要的方式,是符合实际的编程标准。 使JavaScript框架的旅程开始早。 有相当数量的图书馆即开始的MochiKit,原型,MooTools的,道场等,但你应该使用jQuery:

    1。 非常轻巧,重量小于20K时,尽量减少和gzip压缩。
    2。 高的学习曲线。
    3。 超级chainability。 几乎每一个jQuery的方法返回jQuery对象,它可以让你把在尾巴一层出不穷的方法。 如$(“#div_one”)。CSS(“边界”,“1px固体#000”)fadeTo(300,0.5)效果基本show(300);
    4。 可与其他图书馆,如使用的noConflict()MooTools的。
    5。 容易编写插件。
    6。 代码变得短的,甜的和易于理解。
    7。 你不必是一个Javascript的怪胎上方写的jQuery代码。
    8。 重要提示:广大社会的支持和贡献。
    9。 使用像开源的Drupal,WordPress的主要应用。
    10。 微软选择jQuery来使用他们的应用程序。 (可能是一个好点的一些MS球迷 ;)
    11。 使用DOM很容易发挥。 很多建成的综合方法。 DOM选择是非常untuitive。
    12。 支持XPath选择。
    13。 内置AJAX的事业非常非常容易。 (留下我的电子邮件,如果有人需要知道这是多么容易)。

      OK ...... 足够了。 可以走很长的名单。

      即将来。

      标签:

      2008年8月30日,

      jQuery的网站有一个新面貌

      发布者:马赫布卜 MISC

      所以所有的jQuery后改变其网站的外观和感觉。 此前,它是一种怪胎接口的,有点沉闷。 新的外观是非常专业。

      jQuery的少写,多做,Library_1220178506276的JavaScript

      在当天推出的新面貌,是一个标记线,说:“成为一个JavaScript摇滚明星”的卡通。 但社区用户似乎不喜欢它严重和更多的负面评论后阅读其余本条目»

      2008年8月28日,

      开始使用jQuery

      发布者:马赫布卜在: 入门

      我认为我们知道jQuery是什么。 刷它,“jQuery是一个JavaScript库,它使我们的生活更轻松” 我喜欢以这种方式来定义。 好了,现在在这个岗位,我会告诉你如何把事情开始的jQuery。 正如你可以看到这篇博客,很明显,你有一个互联网连接,当然,你使用一些浏览器。 所以,就让我们先试后漫长的一个代码片段。 在此之前,让我们来看看我们需要什么

      • jQuery库(从下载http://jqueryjs.googlecode.com/files/jquery-1.2.6.js )这是我写文章时的当前版本。
      • 一个现代的浏览器(IE浏览器6.0 +,FF 2 +,Safari浏览器2.0 +,歌剧9.0 +)用javascript启用。
      • 和一个文本编辑器(我的收藏是记事本+)

      我想我们都知道一个基本的HTML页面如何模样。 我们只是运行一段简单的代码,添加jQuery库
      现在,只需复制和粘贴上面的代码,并保存它称之为“jQuery的test.html的”。 阅读其余本条目»

      标签:

      2008年8月20日,

      jQuery的魔术开始

      发布者:马赫布卜 MISC

      jQuery的魔术是为了表明一些教程,片段或提示和技巧,这不是一般的jQuery的官方网站提供的,即使在插件网站。 我们呼吁那些因为jQuery的本身充满魔法的魔法,你从来没有想过有可能与一些小块代码。
      我会尽力展现的技巧和初级,中级和高级水平的伎俩。 我也欢迎有兴趣的作者,希望贡献自己的技巧和窍门本网站。
      标签:

      翻译

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

      标签