カテゴリ: Javascript

jQuery触ってみました。

prototype.jsが重いのでjqueryを触ってみることに。。。

30分後・・・
なんだ？？
凄い楽・・・

DOM要素もXpathも直感的に使えるので楽です。

たとえば全ての<p>の内容を「hoge」に書き換える場合は
$("p").html("hoge");

id="test"の要素のCSSをいじるには
$("#test").css('font-size', 'x-small');

みたいな感じで直感的に弄れます。

更に条件も付けられます。
pタグの中にあるstrongタグのフォントサイズを変更(findは何回でも指定できます。)
$("p").find("strong").css('font-size', 'x-small');

ハイライトしたり、一括で何か処理する時には絶大な威力を発揮しそうなヨカン(笑)

非同期通信でHTMLを取得するには
$("#sampleload").load("test.php", {
a: "arg1",
b: "arg2"
});
とやるとtest.php?a=arg1&b=arg2でPOSTして
更に、戻り値を#sampleloadに勝手に入れてくれます。innerHTML = を勝手にやってくれる。

で、loadは引数渡さないとGETになります。
function_callは第三引数に渡せばOK。

大抵の処理は1行で書けますね。
という事でjqueryに見事にハマリました。

今週末時間があったらmoo.fxも弄ってみます。

↓これGoodです。
http://www.visualjquery.com/index.xml

で、innerWidthとinnerHeightがうまく取れない・・・
明日調べよう・・・
エフェクトも弄りたいな。

  Japanese (JP)