前面質問のjqueryの個人的な概要

1、jqueryの利点

  • jQueryのは、軽量フレーム、30キロバイト未満のサイズです。
  • それは強力なセレクター、DOM優れた包装作業、ハンドリング機構信頼性の高いイベントがあります。
  • パーフェクトAJAX、ブラウザの優れた互換性;
  • そして、チェーン、暗黙の反復をサポートしています。
  • 分離構造の層と層の行動だけでなく、豊富なプラグインをサポートし、jqueryのドキュメントも非常に豊富です。

2、jQueryのはその中のセレクタのいくつかの種類がありますか?

  • 基本セレクタ:マッチDOM要素ID、CSSクラス名、要素の名前から直接返します。

  • セレクタレベル:とも呼ばれる経路選択は、各パス要素DOM階層に応じて適宜選択することができます。

    parent > child,prev + next ,prev ~ siblings
  • フォームセレクター::入力,:テキスト,:パスワード,:ラジオ,:チェックボックスが,:などを提出します。

  • セレクタフィルタ:得られたマッチングDOM要素に基づいて、関連する条件の前にフィルタ。

    基本过滤器选择器::first,:last ,:not ,:even ,:odd ,:eq ,:gt ,:lt
    内容过滤器选择器: :contains ,:empty ,:has ,:parent
    可见性过滤器选择器::hidden ,:visible
    属性过滤器选择器:[attribute] ,[attribute=value] ,[attribute!=value] ,[attribute^=value] ,[attribute$=value] ,[attribute*=value]
    子元素过滤器选择器::nth-child ,:first-child ,:last-child ,:only-child
    表单过滤器选择器::enabled ,:disabled ,:checked ,:selected

3、jQueryので$(この)、これは違いは何キーワード?

  • $(これは)jQueryオブジェクトを返します、あなたは、このようなので、上の値val()とを取得し、テキストを()を使用してテキストにアクセスなど、複数のjQueryの方法は、それを呼び出すことができます。
  • これは、現在のDOM要素のコンテキストを表すJavaScriptのキーワードであり、現在の要素を表します。それは、このような$(この)として、$()関数をパッケージになるまで、あなたはjQueryのメソッドを呼び出すことはできません。

4、$(ドキュメント).ready()メソッドとの違いは何ですかwindow.onload?

  • window.onload方法は、画像および他のすべての要素を含むすべての要素を、ロード終了ページです。一度だけ。
  • $(ドキュメント).ready()メソッドをロードするために待つことなく、DOM構造の描画が完了した後に実行されます。これは、DOMツリーがロードされているページの画像やその他の外部ファイルを待たずに、実行され、ロードされたことを意味しています。そして、あなたは複数の.readyを書くことができます。
  • 以前window.onloadよりだから、$(ドキュメント).ready実行時間を

そこセレクタで6、jQueryとCSSのセレクタの違いは?

  • jQueryのセレクタはCSSセレクタをサポートし、
  • jQueryのセレクタは、対応する行動パターンを追加し、追加するために使用することができます
  • CSSセレクタは、適切なスタイルを追加することができます

図7に示すように、一般的な方法の動作パターン

  • スタイルを追加するaddClass()
  • スタイルを削除するremoveClass()
  • トグル()のスイッチングパターン

8、またはどのようにjqueryの内のプロパティを取得および設定するには?

  • 要素のプロパティを取得および設定するためにjQueryのATTR()メソッドを使用することができます
  • removeAttr()メソッドを使用して要素のプロパティを削除します

図9に示すように、従来の方法のjQueryトラバーサルノードで

  • 子供たちは()唯一の子要素は、子孫要素を考慮していない考慮すると、子供たちを取得します
  • 近くに次の兄弟要素を取得する()次の
  • PREV()は、兄弟の前の近くを取得します。
  • 兄弟()(自分自身を除く)すべての兄弟の現在の要素を取得します。
  • 両親は()現在の要素のすべての先祖を取得します。
  • 子孫の要素および子孫を含むマッチした要素の組を得るために()を見つけます

10、ホバーでjQueryの()とトグル()の違いは何ですか?

  • ホバー(FN1、FN2):方法(マウスおよび物体上のオブジェクトの外に移動される)ホバーイベントを模倣します。上記の整合素子にマウスが移動し、それは指定された最初の機能をトリガする場合。この要素のうち、マウスは、それが2番目に指定された機能を起動しますとき。

    //当鼠标放在表格的某行上时将class置为over,离开时置为out。
    $("tr").hover(function(){
        $(this).addClass("over");
    },
                  function(){
        $(this).addClass("out"); 
    });
  • トグル(evenFn、oddFn):クリックしたとき、機能を切り替えるたびに呼び出されます。あなたは試合の要素をクリックすると、2番目の指定された関数をトリガー、あなたは再び同じ要素をクリックしたときに指定された最初の機能をトリガします。以降のクリックは、この2つの関数を呼び出す交代し続けます。

    //每次点击时轮换添加和删除名为selected的class。
    $("p").toggle(function(){
       $(this).addClass("selected");   
    },function(){
       $(this).removeClass("selected"); 
    });

おすすめ

転載: www.cnblogs.com/wangchangli/p/11279904.html