[B! Qiita][jQuery] Tomosugiのブックマーク

Tomosugi id:Tomosugi

QiitaとjQueryに関するTomosugiのブックマーク (4)

jQueryを利用したDOM操作要素の追加メソッドまとめ - Qiita
はじめに jQueryでの要素追加メソッドをよく忘れるので、それのメモです。似たような記事はもう沢山あると思いますが、すぐに思い出せるようコードベースで動きを確認できるようにしています。言葉での説明はあえて省きます。Don't think feel ! なお実際の動作は↓で確認ができます http://nekoneko-wanwan.github.io/demo/jquery/dom/ とりあげるメソッド append() appendTo() prepend() prependTo() after() insertAfter() before() insertBefore() wrap() wrapInner() wrapAll()
Tomosugi 2017/02/13
jQuery

DOM

qiita
リンク
jQueryで、.htmlで追加した要素に.onイベントが効かない - Qiita
jQuery1.9の現象なのかわかりませんが、予め設定しておいたイベントが、後からjQuery.html()で追加した要素に効かないという現象がありました。 1.8ぐらいのときに、.click(function(){})でこのようなことが言われて、.liveを使おうだの.onだの.delegateだのとあって、.onで落ち着いたのかと思いましたが。 jQuery2とかだと解消しているんでしょうか。同じようなこと(.on("click"))ばかり書いていてわかりにくいですが、下記のようなコードになります。 $(document).ready(function() { // [1] $("#def").on("click", function(){ alert("def"); }); // [2] $("#appendalert").on("click", function() { $("#
Tomosugi 2017/02/13
jQuery

qiita
リンク
[jQuery]でcssプロパティを動的に追加、変更、削除する - Qiita
jQueryでHTML要素にcssプロパティを動的に追加・変更・削除する記述方法のメモ。 cssのstyle属性を直書きする場合はcss()メソッドを、cssを追加する場合はaddClass( )削除する場合はremoveClass( )メソッドを使用します。直書きcss( ) 追加 addClass( ) 削除 removeClass( ) 前提事前に、html内でjQueryを読み込んでおきます。 <script src="https://ajax.google apis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
Tomosugi 2017/02/07
qiita

jQuery
リンク
jQueryのあれ、D3.jsでどうやるの？(または、その逆) - Qiita
最近、D3.jsを使ってみたら、jQueryでできることがD3.jsでもできる。混ざってると変なので、D3.jsを使うときは基本D3.jsで書きたいなぁということでメモ。総合すると、D3.jsでビジュアライズするための操作はD3.jsがよくって、そうじゃない普通のDOM操作はjQueryがよいという当たり前の感じですね。 APIドキュメント当然、全部はメモしないので、困ったときはちゃんとAPIドキュメントをみる。
Tomosugi 2016/08/09
d3.js

jQuery

API

qiita
リンク
1