jquery共通コードセグメント要約
1055 ワード
1.Jqueryオブジェクトとdomオブジェクトの逆転/1つのオブジェクトの場合のjqueryオブジェクトとdomオブジェクトのどちらを判断するか
2.jQueryプラグインreturn this.each中this問題解析インスタンスコード:jQuery.fn.test 2=function(){this.css("background"、#ff 0");//この中のthisはdomオブジェクトreturn this.each(function(){//一致する要素を遍歴し、ここでのthisはdomオブジェクトalert("this"+this+this.innerHTML)ではなくjqueryオブジェクトとして表される;//現在のオブジェクトのdomノード名をプロンプトします.このthisキーは、異なるDOM要素(毎回異なる一致要素)を指します. }) } jQuery.fn.test 2はjqueryプラグインの作成方法、jQuery.fnはただjQuery.prototypeプロトタイプオブジェクトの別名は、上のjQuery.fnをjQueryに変更prototypeは、jQueryオブジェクトにtest()メソッドを追加することで、以降すべてのjQueryオブジェクトがこのtest()メソッドを使用できるようになります.each()は、test 2プラグインをカスタマイズするため、jqueryメソッドの連写を実現するにはこの書き方が必要です.これはeachメソッドの内部実装に関係し、表示されていないreturn文の場合、eachは現在のeachメソッドを呼び出すjqueryオブジェクトを返します.jqueryメソッドの連写例:$('#test 2').test().hide().height();
jquery dom , , jquery
function(dom)
{
var mydom=$(dom);
}
dom :
function(dom)
{
var mydom=dom;
if(dom[0]) // dom[0] , jquery
{
mydom=dom[0]; // jquery dom
}
}
2.jQueryプラグインreturn this.each中this問題解析インスタンスコード:jQuery.fn.test 2=function(){this.css("background"、#ff 0");//この中のthisはdomオブジェクトreturn this.each(function(){//一致する要素を遍歴し、ここでのthisはdomオブジェクトalert("this"+this+this.innerHTML)ではなくjqueryオブジェクトとして表される;//現在のオブジェクトのdomノード名をプロンプトします.このthisキーは、異なるDOM要素(毎回異なる一致要素)を指します. }) } jQuery.fn.test 2はjqueryプラグインの作成方法、jQuery.fnはただjQuery.prototypeプロトタイプオブジェクトの別名は、上のjQuery.fnをjQueryに変更prototypeは、jQueryオブジェクトにtest()メソッドを追加することで、以降すべてのjQueryオブジェクトがこのtest()メソッドを使用できるようになります.each()は、test 2プラグインをカスタマイズするため、jqueryメソッドの連写を実現するにはこの書き方が必要です.これはeachメソッドの内部実装に関係し、表示されていないreturn文の場合、eachは現在のeachメソッドを呼び出すjqueryオブジェクトを返します.jqueryメソッドの連写例:$('#test 2').test().hide().height();