jQuery
115
どのような問題がありますか?

この記事は最終更新日から5年以上が経過しています。

投稿日

更新日

【jQuery】DOM要素の生成

DOM要素の生成
$("<a>")
$("<a></a>")
$("<img>")
$("<img />")

// しかし本家サイトでは、互換性の為、中身を取るタグについては、
// 終了タグを付けることを推奨している。
// 中身を取らないタグはどちらでも、OKとしている。
$("<a></a>")
$("<img>")
$("<img />")

第2引数にオブジェクトを指定すると、そのオブジェクトのプロパティは、HTMLの属性として設定される。
classは予約語のためダブルコートで囲む。

HTMLの属性も設定
$("<a></a>", {
  href: "abc.html",
  target: "_blank",
  "class": "myClass"
});

1.8からはjQueryメソッドを指定することができるらしい。これは便利!

1.8からはjQueryメソッドも設定できる
$("<div></div>", {
  width: 100,
  height: 100,
  css: {border: "5px solid gray"},
  addClass: "my-div",
  on: {
    click: function(event) {
      // イベント設定
    }
  }
});

参考:jQuery入門道場

ユーザー登録して、Qiitaをもっと便利に使ってみませんか。
  1. あなたにマッチした記事をお届けします
    ユーザーやタグをフォローすることで、あなたが興味を持つ技術分野の情報をまとめてキャッチアップできます
  2. 便利な情報をあとで効率的に読み返せます
    気に入った記事を「ストック」することで、あとからすぐに検索できます
kazu56
この記事は以下の記事からリンクされています

コメント

この記事にコメントはありません。
あなたもコメントしてみませんか :)
ユーザー登録
すでにアカウントを持っている方はログイン
115
どのような問題がありますか?
ユーザー登録して、Qiitaをもっと便利に使ってみませんか

この機能を利用するにはログインする必要があります。ログインするとさらに下記の機能が使えます。

  1. ユーザーやタグのフォロー機能であなたにマッチした記事をお届け
  2. ストック機能で便利な情報を後から効率的に読み返せる
ユーザー登録ログイン
ストックするカテゴリー