jQuery面接問題(一)
1619 ワード
一、手書きでjQueryプラグインを書きます.
例1:jQueryオブジェクトメソッドをカプセル化するプラグイン(jQuery.fn.extend()メソッドを使用).オブジェクト要素の色を返すためのcolor()プラグインを作成し、オブジェクト要素の色を設定するためのcolor()を作成します.Step 1:まず、プラグインの名前をjqueryとする.color.js step 2:作成プラグインコードは以下の通りです.
例2:グローバル関数をカプセル化するプラグイン(jQuery.extend()メソッドを使用).文字列の左側と右側のスペースを削除するグローバル関数を2つ追加します.
二、jqueryメソッドとプロトタイプにメソッドの違いと実装($.extend,$.fn.extend)を追加し、jqueryオブジェクトの実装(return new jQuery.fn.init)
Q 1:違い:1、両者の主な機能の違い:jQuery.extend(object); jQuery自体を拡張し、グローバル関数を追加します.jQuery.fn.extend(object);jQueryオブジェクトにメソッドを追加します.2、両者の呼び出し方式が違う:jQuery.extend()は、一般的に受信グローバル関数によってjQueryを呼び出す.fn.extend()は、一般的に特定のインスタンスオブジェクトによって呼び出されます.
三、jQueryにおけるend()メソッドの役割
定義:end()メソッドは、現在のチェーン内の最近のフィルタ処理を終了し、一致する要素セットを以前の状態に復元します.
例1:jQueryオブジェクトメソッドをカプセル化するプラグイン(jQuery.fn.extend()メソッドを使用).オブジェクト要素の色を返すためのcolor()プラグインを作成し、オブジェクト要素の色を設定するためのcolor()を作成します.Step 1:まず、プラグインの名前をjqueryとする.color.js step 2:作成プラグインコードは以下の通りです.
;(function($){
$.fn.extend({
"color":function(value){//value color()
return this.css("color",value);
}
});
})(jQuery);
例2:グローバル関数をカプセル化するプラグイン(jQuery.extend()メソッドを使用).文字列の左側と右側のスペースを削除するグローバル関数を2つ追加します.
;(function($){
$.extend({
ltrim:function(text){//ltrim ,text ltrim() 。
return (text||"").replace(/^\s+/g,"");
}
rtrim:function(text){
return (text||"").replace(/\s+$/g,"");
}
});
})(jQuery);
二、jqueryメソッドとプロトタイプにメソッドの違いと実装($.extend,$.fn.extend)を追加し、jqueryオブジェクトの実装(return new jQuery.fn.init)
Q 1:違い:1、両者の主な機能の違い:jQuery.extend(object); jQuery自体を拡張し、グローバル関数を追加します.jQuery.fn.extend(object);jQueryオブジェクトにメソッドを追加します.2、両者の呼び出し方式が違う:jQuery.extend()は、一般的に受信グローバル関数によってjQueryを呼び出す.fn.extend()は、一般的に特定のインスタンスオブジェクトによって呼び出されます.
三、jQueryにおけるend()メソッドの役割
定義:end()メソッドは、現在のチェーン内の最近のフィルタ処理を終了し、一致する要素セットを以前の状態に復元します.
$("p").find("span").css("background-color","pink").end().css("border", "2px red solid");
Hello, how are you?