MooTools学習ノート(一)

1528 ワード

まずMooToolsソースとドキュメントをダウンロードします.(添付ファイルを参照)
1、
MooToolsのパッケージ方法でHTMLページの要素を取得し、
MooToolsの中の
に相当します
Dcument.getElmenntById
前提:mootools.jsファイルをウェブページに導入する
<input type="text" id="name_text" value="jms"/>
が使えます
Dcument.getElmentById(「nametuext」)と
ウェブページの要素を取得するために「nametuext」を使用します.
getElement()ドルの方法を拡張しました.選択操作を簡単にすることができます.例えば、ドル法によってIDが「jms」の要素を選択して、最初のサブノードを選択してもいいです.getElement();要素を一つだけ選択して、要求に合う要素が複数あれば、最初の要素を返します.;一つのCSSクラス名をパラメータとして使用すると、関数のすべての要素の配列ではなく、このCSSクラス名の最初の要素が得られます.複数の要素を選択するには、次のようなものが使用されます.
  ID ”body_wrap“            
$('body_wrap').getElement('a');  
  ID ”body_wrap“      ID ”special_anchor“    
$('body_wrap').getElement('#special_anchor');  
  ID ”body_wrap“        CSS   ”special_anchor_class“    
$('body_wrap').getElement('.special_anchor_class'); 
2、
$();
ドル関数は、複数の要素を素早く選択し、配列を構成することができます.
          div 
$$('div');  
  ID ”id_name       div 
$$('#id_name', 'div'); 
getElements()
getElements();と.getElement()は非常に似ていますが、要求に合ったすべての要素を返して行列を作っています.
  ID ”body_wrap“           
$('body_wrap').getElements('a');   
  ID ”body_wrap“        CSS   ”special_anchor_class“     
$('body_wrap').getElements('.special_anchor_class');