Geek Academy jquery ゼロベース エントリーのビデオ資料共有

jQuery は、高速で簡潔な JavaScript フレームワークであり、Prototype に次ぐ優れた JavaScript コード ライブラリ (または JavaScript フレームワーク) です。 jQuery の設計の目的は、「書く量を減らし、より多くのことを行う」、つまりコードを書く量を減らし、より多くのことを行うことを意味します。一般的に使用される関数コードを JavaScript でカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。

「Geek Academy jQuery ゼロベース入門ビデオチュートリアル」では、主に以下の内容で基礎から解説しています: 1. jQueryセレクター 2、jQueryイベント 3、jQuery Dom操作 4、jQueryアニメーション 4、jQueryとajax 5、実践例

ビデオ再生アドレス: http://www.php.cn/course/207.html

このビデオを学習するのは次のとおりです:

1 jquery バインディング イベントでパラメーターを渡す方法

$("#btn").bind("click",{"id":"111","name":"aaa"}, getData);  
  
function getData(d) {  
    alert(d.data.id);  
    alert(d.data["name"])  
}

2 setTimeout

setTimeout(    function(self) {      return function() {
        alert(self);//这里面用self代替this      }
    }(this), 1000);

3 でオブジェクト メソッドを呼び出す方法 this と $(this) の違い

概念:
これは、現在のコンテキスト オブジェクトが HTML オブジェクトであり、 が所有するプロパティとメソッドを呼び出すことができることを示します。 html オブジェクト、$(this)、表現されたコンテキスト オブジェクトは、jquery のメソッドと属性値を呼び出すことができる jquery コンテキスト オブジェクトです。

$() は何を生成しますか?実際、$()=jquery() は、jquery オブジェクトを返すことを意味します。
通常、簡単にするために $() を直接使用します。実際、この関数はパラメータ コンテキストを省略します。セレクター、つまり $(selector, context) に基づいて一致するオブジェクトを選択し、それを jQuery ラッパー セットの形式で返します。コンテキストは、Dom オブジェクトのコレクションまたは jQuery パッケージ セットにすることができます。渡されない場合は、スコープがドキュメント オブジェクト (つまり、すべて) であることを意味します。ページ上のオブジェクト)、つまり $(selector)=$(selector, document)。
これは、関数を呼び出す HTML オブジェクトを指します。

例:

$("#textbox").hover(   
  function() {   
       this.title = "Test";   
  },   
  fucntion() {   
      this.title = "OK”;   
  }   
);

これは実際には Html 要素 (テキストボックス) であり、これは js です。テキストボックスにはtext属性があるのでこのように書いても問題ありません。

$("#textbox").hover(   
       function() {   
   $(this).title ＝ "Test";   
       },   
       function() {   
   $(this).title = "OK";   
       }  
);

$(this) ここはJQueryオブジェクトであり、jQueryオブジェクトにはtitle属性がないので、このように書くのは間違いです。

概要:
これは、現在のコンテキストオブジェクトが html オブジェクトであり、html オブジェクトが所有するプロパティとメソッドを呼び出すことができることを意味します。
$(this)、表されるコンテキスト オブジェクトは jquery コンテキスト オブジェクトであり、jquery メソッドと属性値を呼び出すことができます。

このビデオの講師は、Geek Academy の有名な若手講師です。彼の指導スタイルは、点から表面、浅いところから深いところまで、非常に詳細に説明されています。

以上がGeek Academy jquery ゼロベース エントリーのビデオ資料共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。