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