Jqueryカード書き方メモ整理

jQueryプラグインタイプ:
1.jQueryメソッド:
ほとんどのjQueryプラグインはこのタイプのプラグインで、このプラグインはオブジェクトメソッドをカプセル化しているため、jQueryセレクタがjQueryオブジェクトを取得する過程で操作を行い、jQueryの強力なセレクタの優位性を発揮します.
2.グローバル関数:
カスタム機能関数をjQueryネーミングスペースに独立して付加し、jQueryの役割ドメインの下の共通関数として使用することもできます.ただし、グローバル関数はjQueryオブジェクトにバインドされていないため、セレクタが取得したjQueryオブジェクトで呼び出すことはできません.jQueryを通過する必要があります.fn()または$.fn()方式で参照します.
3.セレクタ:
jQueryが提供するセレクタが足りなかったり、不便だったりしたら、カスタムセレクタを考えることができます.
jQueryプラグインメカニズム:①jQuery.extend()メソッド:グローバル関数またはセレクタを作成できます.
By:グローバル関数とは、jQueryオブジェクトの方法で、実際にはjQueryネーミングスペースの内部にある関数です.このような関数をユーティリティ関数と呼ぶ人もいます.これらの関数にはDOM要素を直接操作するのではなく、Javascriptの非要素オブジェクトを操作したり、他の非オブジェクトの特定の操作を実行したりする共通の特徴があります.例えばjQueryのeach()関数とnoConflict()関数
例:jQueryネーミングスペースに2つの共通関数を作成する

 
  
jQuery.extend({ 
  
minValue : function(a,b){ 
  
return a}, 
  
maxValue : function(a,b){ 
  
return a} 
  
}) 
  
$(function(){ 
  
$("input").click(function(){ 
  
var a = prompt("       ？"); 
  
var b = prompt("        ？"); 
  
var c = jQuery.minValue(a,b); 
  
var d = jQuery.maxValue(a,b); 
  
alert("        ：" + d + "
        ：" + c); 
  
}); 
  
}) 
  
 
  
 
 

※ jQuery.extend()メソッドは、プラグインの作成に加えてjQueryオブジェクトの拡張にも使用できます.
例:jQueryを呼び出す.extend()メソッドは、オブジェクトaとオブジェクトbを新しいオブジェクトに結合し、結合オブジェクトに戻って変数cに値を付与する

 
  
var a = {name : "zhu",pass : 123} 
  
var b = {name : "wang",pass : 456,age : 1} 
  
var c = jQuery.extend(a,b); 
  
$(function(){ 
  
for(var name in c){ 
  
$("div").html($("div").html() + "
"+ name + ":" + c[name]); 
  
} 
  
}) 
  
 
 

例:jQueryグローバル関数の作成

 
  
jQuery.css8 = { 
  
minValue : function(a,b){ 
  
return a}, 
  
maxValue : function(a,b){ 
  
return a} 
  
} 
  
$(function(){ 
  
$("input").click(function(){ 
  
var a = prompt("       ？"); 
  
var b = prompt("        ？"); 
  
var c = jQuery.css8.minValue(a,b); 
  
var d = jQuery.css8.maxValue(a,b); 
  
alert("        ：" + d + "
        ：" + c); 
  
}); 
  
}) 
  
 
 

By:jQueryネーミングスペースに関数を追加する場合は、この新しい関数をjQueryオブジェクトの属性として作成するだけです.ここでjQueryオブジェクト名は$,jQueryと略記することもできる.css8==$.css8
② jQuery.fn.extend()メソッド:jQueryオブジェクトメソッドを作成できます.
例:最も簡単なjQueryオブジェクトメソッド

 
  
jQuery.fn.test = function(){ 
  
alert("  jQuery    ！"); 
  
} 
  
$(function(){ 
  
$("div").click(function(){ 
  
$(this).test(); 
  
}); 
  
})