jQuery:動的に追加した要素の取得・操作にはready()を応用する 背景 ある要素がonLoadのタイミングでJSで生成されている その要素に対して直接コード修正できない その要素に対してonLoadのタイミングでDOM操作を行いたい ready()関数で対応する ready()は「DO… ゴトーハック2015.04.13 33,883
jQueryで特定のブロックで挿入されるbrタグを消す 下記のように記述することで、prettyprintの中のbrタグを消します。 <script type=”text/javascript”> $(“.prettyprint br”).each(functio… haradaハック2015.04.06 157
【jQuery】リンククリックで表示非表示を切り替える 非表示 → リンククリックで表示 のループ想定。 HTML <a id=”openButton” href=”javascript:void(0);”>クリック</a> <div id=”o… Yukimi Satoハック2015.03.30 4,453
jQueryでtdの高さを取得してdivを縦100%表示する CSS html, body { height:100%; } table { height:100%; } HTML <table> <tr> <td> <div id=”te… haradaハック2015.03.27 3,063
JQueryプラグインや埋め込みタイムラインでwebフロント開発 JQuery自体まだ慣れていなくてゼロからJSファイルにコードを書くことはあまりできないけど、 プラグインが非常に充実しているのでJQueryをゼロから書いたことがない人でも、ホームページやフロントのテンプレなどに面白い… Takkiiiハック2015.03.20 525
jQuery:Ctrl+クリックを拾う $(function(){ $(‘#object’).click(function(event){ if (event.ctrlKey){ alert(‘Ctrl + クリック!’); } } }); 以上で #obje… ゴトーハック2015.03.17 5,756
jQuery:すべてのテーブルセルにカラム番号を自動付与する $(function(){ $(“table tr”).each(function() { $(this).children().each(function (i) { i = i+1; $(this).addClass… ゴトーハック2015.03.12 3,405
jQuery:eachのcallback関数の引数 eachのcallback関数の第一引数はマッチした要素のインデックス、第二引数はマッチしたDOM要素を意味しています。 第二引数はcallback関数内でthisを記述しても同じ意味になります。 Tetsuro Aokiハック2015.03.06 744
jQueryUI:sortableを使う See the Pen jQuery sortable by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ドラッグ&ドロップで並び替えできるリストです。 <ul clas… ゴトーハック2015.03.04 1,340