jQuery Quizの質問1-10

この記事では、jQueryの基礎をカバーするFAQセクションとともに、回答と説明を含むjQueryクイズを紹介します。 元のコンテンツを維持しながら、より良い流れと読みやすさのためにそれを言い換えましょう。

インタラクティブなjQueryクイズは、メンバーセクションに間もなく登場します。 それまでの間、ここにはカットを行わなかったが、独自のクイズを学習または作成するためにまだ価値がある10のjQueryの質問があります。 あなたの知識をテストしましょう！

質問1：

次の要素のどれに直接jqueryイベントを添付できますか？

a）

b）object c）embed d）上記のいずれでもapplet

正解： d）上記のいずれでもありません。 jQueryのイベントシステムには、イベントトラッキングのデータ添付ファイルをサポートするDOM要素が必要です。

質問2：

true or or fals：jQueryのイベントシステムでは、DOM要素が要素上のプロパティを介してデータを添付してイベントを追跡および配信することを要求しています。

正解：

true

質問3：

true or or false：jQueryは、および

イベントのクロスブラウザーであるイベントを提供し、イベントを提供し、泡立ちを提供します。

focusin正解：focusout true。 focusおよびblurバブルはしないでください。しかし、jQueryのバージョンはそうします

質問4： focusどのコードスニペットがより速いですか？blur

a）

b）

正解：

a）

（jsperf：$('#test1, .test2, .test3, .test4');https://www.php.cn/link/0ee8b1oafadac937e6e03d8866cef9bf$('#test1').add('.test2').add('.test3').add('.test4');およびjquery api：

https://www.php.cn/link/e98549a4cb29369fb6dbb48ab0b6e018

） $('#test1, .test2, .test3, .test4');質問5： このステートメントは、

？

を満たすの要素に何をしますか a）並べ替えます b）それらを更新します c）それらを削除します d）それらをフィルター

$.grep(array1, function1);正解：array1 d）それらをフィルターします（jquery api：function1https://www.php.cn/link/5d252ff9d89ac9d3420b565f70fccd08

）

を参照してください

質問6： このHTML：を考えると、jqueryセレクターは？

と同じ結果を返します。

a）$('#li2').siblings(); b）$('#id2').siblings('#li2'); c）$('#li2').children(); d）$('#id2').children('#li2');

正解：a）$('#li2').siblings();（jsfiddle：https://www.php.cn/link/41069c81282ba6e19583432967917da9

質問7：

関数は、

によって要素を隠します hide() a）「ディスプレイ」インラインスタイルを「なし」に設定します。 b）「可視性」インラインスタイルを「非表示」に設定します。 c）画面外で水平に相殺します。 d）画面外で垂直にオフセットします。

正解：

a）「ディスプレイ」インラインスタイルを「なし」に設定します。 （jQuery API：https://www.php.cn/link/a8feb0f39cfe2d43f62def3b8e657992）を参照してください

質問8：

jqueryを使用して「ハロー」というテキストでdiv要素を作成する正しい方法は何ですか？

a）

b）

c）$("#idName").create("div").text("Hello"); d）$("#idName").create("div").html("Hello");（ID "idname"が既に存在するDivを仮定）$("idName").css("div").html("Hello"); $("#idName").append("Hello");

正解：

d） $("#idName").append("Hello");

質問9：

を与えられた、

？function function1() { alert(arguments.length); }を実行するとどうなりますか function1(); a）エラー：

は定義されていません。 b）エラー：引数は提供されていません。 c）アラートディスプレイ「未定義」。 d）アラートディスプレイ0。

arguments

正解：

b）エラー：引数は提供されていません。 （は配列のようなオブジェクトであり、引数なしでその長さにアクセスするとエラーが発生するため、TypeRrorがスローされます） arguments

質問10：

これは何をしますか？

$.extend(false, object0, object1, object2); a）

と

でobject0を拡張します。 b）object1およびobject2でobject1を拡張します。 c）object0およびobject2でobject2を拡張します。 d）無効なステートメント。object0 object1

正解：

a）とでobject0>拡張します。 （jQuery API：object1https://www.php.cn/link/c222802f4e2192468fbc9485e31d062fobject2）を参照してください

jQueryに関するよくある質問（FAQ）：

• jqueryとは何ですか？

  ​​htmlの操作、イベントの取り扱い、アニメーションを簡素化する高速、小さく、機能が豊富なJavaScriptライブラリ。

jQueryを学ぶ方法？
• ​​HTML、CSS、およびJavaScriptの基本から始めて、オンラインチュートリアル、ビデオ、クイズで練習します。

• 一般的なjquery関数：.click()、.hide()、.show()、.toggle()、.slideUp()、.slideDown()、.animate()、.fadeIn()、.fadeOut()、.val()、およびその他 .text() .html() .css()

  htmlでjqueryを使用：
• タグを使用してcdnまたはダウンロードされたファイルを介してjqueryライブラリを含めます。

  <script></script>

  jquery vs. javascript：
javascriptは言語です。 jQueryは、Web開発の使用を簡素化するためにJavaScriptに基づいて構築されたライブラリです。

• jQueryでのイベントの処理：

  、
、
• 、

  、、、.click()、.dblclick()などのメソッドを使用します。 .mouseenter() .mouseleave() .hover().focus()ajax in jquery：.blur()jqueryのajaxメソッドを使用して、ページの更新なしにサーバーデータを非同期にロードする。

• カスタムイベントの作成：メソッドを使用してください。

• jQueryの利点：HTMLトラバーサルを簡素化し、簡潔な構文を提供し、Ajaxをサポートし、組み込みの効果を提供し、非常に拡張可能です。 .trigger()

• jQueryスキルの向上：

  定期的に練習し、プロジェクトに取り組み、オープンソースに貢献し、コーディングの課題を解決します。

以上がjQuery Quizの質問1-10の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。