ブール教育jQuery実践動画教材共有

jQuery は、高速で簡潔な JavaScript フレームワークであり、Prototype に次ぐ優れた JavaScript コード ライブラリ (または JavaScript フレームワーク) です。 jQuery の設計の目的は、「記述を減らし、実行を増やす」ことです。これは、記述するコードを減らし、より多くのことを実行することを意味します。一般的に使用される関数コードを JavaScript でカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化します。私たちは、皆さんが jQuery をより良く学ぶのに役立つことを願って、「ブール教育 jQuery 実践ビデオ チュートリアル」を集めました。

動画再生アドレス:http://www.php.cn/course/319.html

関連トピックの推奨:「jquery実践ビデオ」

Jqueryの難易度まとめ:

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オブジェクトであることを意味します所有されているプロパティとメソッド $(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 メソッドと属性値を呼び出すことができます。

4 アプリフォント適応

//使用rem策略，不断更新html的fontsize
        (function(){                
            function sizeHtml(){                var size = $(window).width()/16;
                size = size>40?40:size;
                $("html").css("font-size",size+"px");
            }
            sizeHtml();
            $(window).resize(function(){
                sizeHtml();
            })
        })()

以上がブール教育jQuery実践動画教材共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。