jQuery(183)

183follower
goto_jp さんのアバター 11,828views

jQuery:動的に追加した要素の取得・操作にはready()を応用する

背景 ある要素がonLoadのタイミングでJSで生成されている その要素に対して直接コード修正できない その要素に対してonLoadのタイミングでDOM操作を行いたい ready()関数で対応する ready()は「DOMのロード... 2015年4月13日
harada さんのアバター 58views

jQueryで特定のブロックで挿入されるbrタグを消す

下記のように記述することで、prettyprintの中のbrタグを消します。 <script type="text/javascript"> $(".prettyprint br").each(function(index... 2015年4月6日
Yukimi Sato さんのアバター 2,813views

【jQuery】リンククリックで表示非表示を切り替える

非表示 → リンククリックで表示 のループ想定。 HTML <a id="openButton" href="javascript:void(0);">クリック</a> <div id="openBlock... 2015年3月30日
harada さんのアバター 1,365views

jQueryでtdの高さを取得してdivを縦100%表示する

CSS html, body { height:100%; } table { height:100%; } HTML <table> <tr> <td> <div id="... 2015年3月27日
Takkiii さんのアバター 374views

JQueryプラグインや埋め込みタイムラインでwebフロント開発

JQuery自体まだ慣れていなくてゼロからJSファイルにコードを書くことはあまりできないけど、 プラグインが非常に充実しているのでJQueryをゼロから書いたことがない人でも、ホームページやフロントのテンプレなどに面白いアニメーションや... 2015年3月20日
goto_jp さんのアバター 1,616views

jQuery:Ctrl+クリックを拾う

$(function(){ $('#object').click(function(event){ if (event.ctrlKey){ alert('Ctrl + クリック!'); ... 2015年3月17日
goto_jp さんのアバター 804views

jQuery:すべてのテーブルセルにカラム番号を自動付与する

$(function(){ $("table tr").each(function() { $(this).children().each(function (i) { i = i+1; ... 2015年3月12日
Tetsuro  Aoki さんのアバター 79views

jQuery:eachのcallback関数の引数

eachのcallback関数の第一引数はマッチした要素のインデックス、第二引数はマッチしたDOM要素を意味しています。 第二引数はcallback関数内でthisを記述しても同じ意味になります。 ... 2015年3月6日
goto_jp さんのアバター 230views

jQueryUI:sortableを使う

See the Pen jQuery sortable by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ドラッグ&ドロップで並び替えできるリストです。 <ul class="sor... 2015年3月4日
goto_jp さんのアバター 674views

jQuery & CSS:択一ハイライトメニュー

まずこちらサンプルをごらんください。 See the Pen jQuery menu hightlight by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. クリックしたメニュー項目をハイ... 2014年12月16日
goto_jp さんのアバター 968views

jQuery:二重配列ループ

jQueryだとeachループが簡単にできるのでメモ。(JavaScript自体はeachの概念がない) 下記例は「array1」に["りんご","ごりら","らっぱ","ぱんだ"]の項目をまず挙げ、実際のデータ配列の「array2」の中... 2014年12月15日
goto_jp さんのアバター 1,620views

jQuery:配列の重複値を弾く

var array = ['東京都','千葉県','埼玉県','千葉県','千葉県','東京都']; このような重複するデータを持つ配列の重複を弾きたい場合は下記のようにfilterを利用する。 array = array.filte... 2014年12月12日
goto_jp さんのアバター 138views

jQuery:ページ内のクラスを指定して特定の属性値を抜き出す

<li class="className" zokusei="100"> <li class="className" zokusei="200"> <li class="className" zokusei="... 2014年12月12日
harada さんのアバター 831views

jQueryプラグインでソースコードを装飾&コピペしやすくする

投稿は簡単に、でもソースコードは見やすく、そして利用しやすくするためにソースコードの見せ方を変更しました。 GitHub Flavored Markdown for WordPressで、Google Code Prettifyを利用するの... 2014年12月10日
harada さんのアバター 335views

easy pie chartでつくる簡単な円グラフ

easy pie chartというjQueryプラグインを利用することで簡単に円グラフが作成できます。 サンプル・ダウンロードはこちら 読み込む jQueryを利用していますので、jQueryファイルとダウンロードしたプラグインを読み込... 2014年12月5日
harada さんのアバター 3,045views

jQuery:要素をランダムに表示する

jQueryを利用することで簡単なコードですぐにランダム表示ができるようです。 利用方法 jQueryを利用していますので、もちろんあらかじめjQueryを読み込んでおきます。 <script type="text/javasc... 2014年11月26日
harada さんのアバター 609views

jQueryで「WordPress Popular Posts」にナンバリングして順位を付ける

「WordPress Popular Posts」はデフォルトでは順位を出力する変数を持っていません。 CSSで実現する方法が色々でてきたのですが、今回はそうではなくjQueryを利用してナンバリングしたいと思います。 設定方法 jQu... 2014年11月20日
harada さんのアバター 2,742views

Bootstrapでサイドブロック固定を行う場合は「Affix」ではなくjQueryプラグインを利用した方がいい

Bootstrapでは簡単にメニューブロックなどの固定を行うことができるJavascript「Affix」がついてます。 なのでエレベーター式の右ブロック固定をするときにこちらを利用しようと思ったんですが、色々と問題が発生してしまいました。... 2014年11月12日
harada さんのアバター 2,492views

Boostrapのセレクトボックスをかっこよくする

bootstrap-selectというライブラリを追加することで、セレクトボックスをデフォルトからBootstrapのボタンやドロップダウンを利用したスタイルに変更することができます。 利用方法 jQueryを利用しているのでjQuer... 2014年11月5日
harada さんのアバター 1,685views

jQueryでスクロールで右下にひょこっと現れるボックス

表示サンプルはこちら。 jQueryを利用しているので、読み込んでください。 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.... 2014年10月23日