jQuery DOM&イベント

3207 ワード

1.ライブラリとフレームワークの違いを話しますか?
答:ライブラリ:ライブラリはツールボックスのようなもので、コードの使用方法の集合であり、繰り返し使用を自由に呼び出すことができます.オブジェクト向けのコード組織形式で形成されるライブラリをクラスライブラリと呼ぶ.プロシージャ向けのコード組織形式を関数ライブラリと呼ぶ.ライブラリは、いくつかの機能モジュールのパッケージであり、簡単なインタフェースを提供しています.フレームワーク:事前定義されたテンプレートで、フレームワークに内容を記入するだけでいいです.ユーザーはフレームワーク内に提供されたクラスや関数を使用するだけですべての機能を実現することができます.フレームワークはライブラリのアップグレード版で、開発者はフレームワークを使用するときにこのフレームワークのすべてのコードを使用する必要があります.
2.jqueryは何ができるの?
答え:jQueryは軽量級のライブラリで、その趣旨は「書くことが少なく、作ることが多い」機能が主にあります.
  • HTML要素
  • を選択
  • HTML要素操作
  • CSSの動作
  • バインドイベント
  • JSの特効とアニメーション
  • DOMの遍歴と修正
  • AJAX

  • 3.jqueryオブジェクトとDOMオリジナルオブジェクトの違いは何ですか?変換方法
    答え:jQueryオブジェクトはjQueryのAPIによって構築されたオブジェクト(クラス配列)であり,独自の属性と方法を持つ.DOMオリジナルオブジェクトはDOMのAPIによって構築されたDOMオブジェクト(DOMノード)であり,独自の属性と方法がある.変換方法
    $name = $('.name')//  $           jQuery  。
    name = $name[0]// jQuery       , jQuery     DOM  。
    

    4.jqueryでイベントをバインドする方法bind、unbind、delegate、live、on、offはどんな役割を果たしていますか?どちらがおすすめですか?onバインドイベントを使用してイベントエージェントの書き方を使用しますか?
    答え:jQueryがイベントをバインドする方法は$(selector).click()
  • bind:jQuery 1.7の前に使用する、要素にイベントハンドラ
  • をバインドするために使用される
    $(".btn").bind("click",function(){
           console.log("jirengu")
    })
    
  • unbind:要素に以前に追加されたイベントハンドラを削除し、パラメータを渡さないと要素上のすべてのバインドされたイベントハンドラを削除します.
  • $('.btn').unbind()
    
  • delegate:1.7リリース前に、マッチングセレクタ要素に1つ以上のイベント処理関数をバインドし、指定されたルート要素のサブセットに基づいて、マッチング要素には現在マッチングされている要素も含まれ、マッチングされる要素も含まれます.
  • $(".warp").delegate("a","click",function(){
            $(this).toggleClass("chosen")
    })
    
  • live:1.7リリース前に、現在のセレクタのすべての要素
  • にイベントハンドラを追加します.
    $(".btn").live("click",function(){
            alert("hello world")
    })
    
    on:イベントをバインドするために推奨され、上記のバインドイベントの代わりに使用される方法.
    .on(events[,seletor][,data],handler(eventObjcet))
    

    イベントエージェントを使用してulにイベントハンドラをバインドし、トリガ要素がliの場合にイベントハンドラがトリガーされます.
    $("ul").on("click","li",function(){
            console.log("hello")
    })
    
    off:onバインドを削除するイベントエージェント関数
    5.jqueryはどのように要素を表示/非表示にしますか?
    答:展示要素:$(selector).show(speed,callback);隠し要素:$(selector).hide(speed,callback)speed:パラメータは、slow、fast、またはミリ秒callbackの値を取得できる非表示、表示の要素の速度を規定します.非表示または表示が完了した後に実行される関数名です.
    6.jqueryアニメーションはどのように使用しますか?
    答え:カスタムアニメーションを作成するためのjQuery animate()メソッド
    $(selector).animate({params},speed,callback)
    
  • paramsアニメーションのCSS属性
  • を定義する
  • speedパラメータは、効果を規定する時間が長い.
  • callbackパラメータは、アニメーション終了後に実行する関数名
  • である.
    7.エレメント内部のHTMLコンテンツの設定と取得方法要素の内部テキストを設定して取得するにはどうすればいいですか?
    答え:html()選択した要素の内容を設定または取得します.HTMLタグが含まれます.text()選択した要素のテキスト内容を取得
    8.フォーム・ユーザーが入力または選択した内容を設定および取得する方法要素のプロパティを設定して取得するにはどうすればいいですか?
    答え:.attr(attributeName)は、要素のプロパティを取得するために使用できます.要素のプロパティを取得します:1.attr(attributeName,value):valueを直接設定すると、設定する属性値になります.2..attr(attributes):1つのオブジェクトに渡すことができ、オブジェクトはkey:valueの形式で複数の属性の値を設定する