Li Yanhui jqueryの基本的なビデオ素材の共有

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

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

jQuery学習の重要な点と難しい点:

1. Web要素を選択します

基本的なデザインとメインjQuery の使用法、つまり「Web ページ要素を選択し、それに対して何らかの操作を実行する」です。これが他の関数ライブラリと異なる基本的な機能です。
jQuery を使用する最初のステップは、多くの場合、コンストラクター jQuery() ($ と略されます) に選択式を入れ、選択された要素を取得することです。

選択式は CSS セレクターにすることができます:

$(document)//ドキュメント オブジェクト全体を選択します
$('#myId')//ID myId を持つ Web ページ要素を選択します
$('div.myClass ')/ /クラス myClass の div 要素を選択します
$('input[name=first]')//first に等しい name 属性を持つ input 要素を選択します

jQuery 固有の式を使用することもできます:

$ ('a:first' )// Web ページの最初の要素を選択します
$('tr:odd')// テーブルの奇数行を選択します
$('#myForm :input')//形式の input 要素
$('div :visible') // 表示されている div 要素を選択します
$('div:gt(2)')// 最初の 3 つを除くすべての div 要素を選択します
$('div:animated ')//現在のアニメーション ステータス div 要素を選択します

2. 結果セットを変更します
複数の要素が選択されている場合、jQuery は結果セットを絞り込むためのフィルターを提供します:

* $('div').has('p' ); //p 要素の div 要素を選択します
* $('div').not('.myClass') //クラスが myClass と等しくない div 要素を選択します
* $('div'); .filter('.myClass'); // myClass と等しい div 要素を選択します
* $('div').first(); // 1 番目の div 要素を選択します
* $('div')。 eq(5); // 6 番目の div 要素を選択します
場合によっては、結果セットから開始して近くの関連要素に移動する必要があります:

$('div') .next('p'); // div 要素の後の最初の p 要素を選択します
$('div').parent() // div 要素の親要素を選択します
$('div').closest ('form'); //div に最も近いものを選択します
$('div').children(); // div のすべての子要素を選択します
$('div').siblings() ; // div の兄弟要素を選択します

以上がLi Yanhui jqueryの基本的なビデオ素材の共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。