2009年3月13日

甘いChainability

でMahbub:投稿の方法

jQueryのについての最もよい事の一つは、ほぼすべてのそれのメソッドのそれのチェーン機能があります。 "チェーン能力は"ヘブライ語に聞こえる場合は、ここではそれが何であるかを少し説明を示します。

chain

ましょうと言うあなたが持っている<div id="myDiv"> Loremイプサム</ DIV>

とは、次の手順を実行する必要があります

  1. 875に高さを変更する
  2. 0.8に不透明度を変更する
  3. "PCLASS"と呼ばれるクラスを追加します。
  4. と "我々は世界です"のようにdiv要素内のテキストを設定する

だから、あなたは通常の状況で何をしますか? あなたは4行のコードを記述します。 あなたは従来の方法でjQueryを使用している場合は、おそらく書いてみたいような

  1
 2
 3
 4
 ; 世界")です  

しかし、我々はchaininigメソッドを使用する場合は、単に書いてみたい

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; 。$( "#myDiv")CSS( "高さ"、 "875")fadeTo(500、0.8)AddClass によって "PCLASS") テキスト  "我々は世界です"); 

乱雑に見えますか? 私はそうは思わない。 あなたは非常にまれであるオブジェクトにメソッドのかなり多くを入れない限り、それは読みやすい。 だから、チェーンがあります。

画面の後ろに、チェーンは、単にメソッドを適用した後、オブジェクトitselftを返すことによって行われます。 それは非常に我々がどのようにJavascriptのオブジェクトのメソッドを使用する方法のようなものだ

  "Lorem Ipsum Dolor" ; VARます。myString = "Loremイプサムのの悲しみ"; 
  ( ) . substring ( 0 , 5 ) ; 。pString = myStringにtoLowerCase()文字列 (0、5); 

これは我々がそのようなことを行うためのオプションがあります贈り物です。 それは短いようにする方法がありますいるときに誰がより多くのコードを書きたい? 少なくとも私にはありません。 したがって、ほとんどすべてのメソッド

jQueryでこのchainabilityを持っています。 チェーンは、より多くの方法がそれに適用することができるように全体のjQueryオブジェクト自体を返すことを指定します。すべてのメソッド

あなたは上記のコードが実行見ることができますここで

2009年2月11日

jQueryを使用するための13の理由

投稿者:でMahbub: その他

さて、 "jQueryは最適です"なぜ十分だろうWWW上で多くの記事がありました。 私には、それだけで正確な、よく構造化された、高い学習曲線と使いやすいです。 私は1999年に私の学部の背面の先頭にいたときに、クロスブラウザの問題(NetscapeはJavaScriptプログラマの生活を惨めにするために使用される)を扱うためのライブラリはありませんでした。 だから我々は特定の目的のために長いスクリプトを記述してクロスブラウザの問題を処理しなければならなかった。 dhtmlcentralのトーマスBrattliさんは、メニューや我々が実装するために使用されるいくつかのライブラリのいくつかのかなり良いスクリプトを与えた。 しかし、すべての上に、あなたは容易にあなたが望む方法を拡張することができるライブラリを魔法を行うことができないような良いライブラリがありませんでした、何かが実際のプログラミングの標準を満たしています。 JavaScriptフレームワークを作るへの旅は、はるかに早く始まった。 かなりMochikitのすなわち開始ライブラリの数、プロトタイプ、MooToolsは、道場等しかし、あなたがjQueryを使用する必要がありますがあります。

    1。 非常に軽量、最小化し、gzipで圧縮された20K未満の重量を量る。
    2。 高い学習曲線。
    3。 スーパーchainability。 ほとんどすべてのjQueryのメソッドを使用すると、別の後に尾1のメソッドを置くことができるjQueryオブジェクトを返します。 。( "#div_one")$のようなCSS( "境界"、 "1px固体#000")fadeTo(300,0.5)スライドアップ(300);
    4。 ()などnoconflictを使用して、MooToolsのような他のライブラリを使用することができます。
    5。 プラグインを書きやすい。
    6。 コー​​ドは、短く甘いと理解することが容易になります。
    7。 あなたは、Javascriptオタクの上部には、jQueryのコードを記述する必要はありません。
    8。 重要:広大なコミュニティのサポートと貢献。
    9。 Drupalは、WordPressなど主要なオープンソースのアプリケーションによって使用される。
    10。 Microsoftは、アプリケーションでそれを使用するjQueryを選んだ。 (一部のMSファンに良い点かもしれません ;)
    11。 DOMと遊ぶことは非常に簡単です。 多くの統合されたメソッドが組み込まれています。 DOMセレクタは非常にuntuitiveです。
    12。 XPATHセレクタをサポートしています。
    13。 VERY VERY簡単なビルトインAJAXのユーティリティが含まれています。 (誰もが、これがいかに簡単であるかを知る必要がある場合私にメールを残す)。

      [OK]を.. 十分に今のところ。 リストはかなり長い間行くことができます。

      すぐに来てもっと。

      タグ:

      2008年8月30日

      jQueryのサイトは新しい一見を得た

      投稿者:でMahbub: その他

      したがって、すべての後にjQueryは、サイトのルックアンドフィールを変更しました。 以前、それはオタクのインターフェイスのようなものだったとやや退屈。 新しい外観は多くの専門家です。

      以下はJQuery  - 書き込み、詳細を実行し、JavaScriptをLibrary_1220178506276

      新しい外観の打ち上げの日に、漫画の "Javascriptをロックスターになる"と言ってタグラインがあった。 しかし、コミュニティのユーザーがそれを強く嫌っているように見えたと、より多くの否定的なコメントの後にこのエントリの残りの部分を読む»

      2008年8月28日

      jQueryの入門

      投稿者:でMahbub: はじめに

      私はjQueryが何か知っていることを想定しています。 それをうまくブラッシュアップするには、 "jQueryは私たちの生活を容易にするJavaScriptライブラリです。" 私はそのように定義したい。 [OK]を、今この記事で、私はjQueryのために物事を開始する方法を示すつもりだ。 このブログを読むことができるように、それはあなたがインターネットに接続しているし、もちろんあなたには、いくつかのブラウザを使用していることは明らかだ。 だからポストは長い行う前に、コードの一枚を試してみましょう。 その前に我々はそのために必要なのは、見てみましょう

      • jQueryのライブラリ(からダウンロードhttp://jqueryjs.googlecode.com/files/jquery-1.2.6.js )これは私が記事を書いている現在のリリースです。
      • JavaScriptが有効になっている現代的なブラウザ(IE 6.0 +、FF 2 +は、Safari 2.0 +、Operaは9.0 +)。
      • とテキストエディタ(私のfavはメモ帳+ +)

      私たちはすべての方法の基本的なHTMLページがどのように見えるん知っていると仮定します。 私達はちょうどjQueryのライブラリを追加するコードの簡単な部分を実行したい
      今、ちょうどコピーと貼り付け、上記のコードを、それが"jQueryを使っ-test.htmlの"呼び出し保存します。 このエントリ»の残りの部分を読む

      2008年8月20日

      jQueryのマジックが始まります

      投稿者:でMahbub: その他

      jQueryの魔法は一般的にプラグインサイトの公式jQueryのサイトさえあれば使用できませんいくつかのチュートリアル、スニペットやヒントやトリックを表示するために意図されています。 ので、我々は、これらの魔法を呼び出すjQueryの自体が魔法には、コードのいくつかの小さな部分と考えられなかったようなものがいっぱいです。
      私は初級、中級、上級レベルのヒントやトリックを表示しようとするでしょう。 私はまた、ヒントやトリックでこのサイトに貢献したい興味のある者を歓迎します。
      タグ:

      • Virendra:このプラグインよりも優れている使用可能な新しいプラグインがあります。 http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V。
      • ティナ:これらのalpticapionsのいずれかがユタ州の結婚式のカメラマンのビジネスのために特に有用であろう、このリストありがとうございます?
      • ジャネル:ディスプレイ上の本当の専門知識を見ることがグッド。 あなたのcotnritbuionは大歓迎です。

      翻訳者

      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

      タグ