【Javascript】jQuery()の第1引数にHTML

Tweet

Category JavaScript / Tagged jQuery 2010/07/01

jQuery()の第1引数にセレクタやfunctionではなく、HTMLも指定できる。

サンプル

1行で

$('<div />',{"class" : 'myclass', "css" : {"position":"absolute", "left": "10px", "top" : "20px", "border" : "5px solid #cc0000"}}).html('やあこんにちは').appendTo("body")

見づらいのでバラして

jQuery('<div />',{
    "class" : 'myclass',
    "css" : {
        "position":"absolute",
        "left": "10px",
        "top" : "20px",
        "border" : "5px solid #cc0000"
    }
}).html('やあ、こんにちは').appendTo("body")

HTML中に書くときは $('<div />',{"...":"..."}) と書くとよろしくない。こちら $('<div />',{"...":"..."}) で。

デモ

押してみて。