jquery共通コードセグメント要約

1055 ワード

1.Jqueryオブジェクトとdomオブジェクトの逆転/1つのオブジェクトの場合のjqueryオブジェクトとdomオブジェクトのどちらを判断するか
   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();