スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[Javascript]雑多メモ

javascript、jqueryの雑多なメモです。

要素の生成
$('<div id="mypanel" style="background-color:#FFFFDD;">');
//以下のような書き方もできます
$(document.createElement("div"))
.attr("id", "mypanel").css("background-color", "#FFFFDD");

イベントの追加
$(document.createElement("a"))
.attr("id", "mylink")
.attr("href", "javascript:;")
.text("link")
.click(
function(){
//表示
$("#mytextarea").show();
//非表示
$("#mytextarea").hide();
//要素の表示非表示を反転
$("#mytextarea").toggle();
}
);

要素の配置
//mypanelの子要素として末尾へ追加
$("#mypanel").append(mytextarea);
mytextarea.appendTo("#mypanel"); //$("#mypanel")でも動作しました

//mypanelの子要素として先頭へ追加
$("#mypanel").prepend(mytextarea);
mytextarea.prependTo("#mypanel");

//mypanelと並列に後ろへ追加
$("#mypanel").after(mytextarea);
mytextarea.insertAfter("#mypanel");

//mypanelと並列に前へ追加
$("#mypanel").before(mytextarea);
mytextarea.insertBefore("#mypanel");

//テキストエリアの読み書き
var text = $("#mytextarea").val();
$("#mytextarea").val(text);

セレクタとマッチした要素をさらに下位へ走査したい場合
//tr要素を配列として取得
var trList = $("table tr");
//先頭のtr要素の下位のtd要素を配列として取得
var tdList = $("td", trList[0]);

その他
・IE6では、indexOfを配列に対して使用できませんでした。

コメントの投稿

非公開コメント

プロフィール

jou4

Author:jou4
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。