jQuery(179)

178follower
Takkiii さんのアバター 367views

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

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

jQuery:Ctrl+クリックを拾う

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

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

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

jQuery:eachのcallback関数の引数

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

jQueryUI:sortableを使う

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

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

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

jQuery:二重配列ループ

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

jQuery:配列の重複値を弾く

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

フォームにテキストを入力してリアルタイムに表示を絞り込む

オープンソースAMIのように、フォームにテキストを入力してリアルタイムに表示を絞り込む方法です。 サンプルはこちら。 事前準備 jQueryを読み込んでおきます。 <script type="text/javascript" s... 2014年10月3日
nbeppu さんのアバター 523views

Java の Comet でサーバープッシュを行う(2)

Java の Comet でサーバープッシュを行う(1)のつづき。 次に、プッシュの方法については、Java 側では以下のように MessageSender にメッセージを受け渡します。 ServletContext ser... 2014年10月2日
@iwasaki さんのアバター 749views

jQuery JSONViewを使ってJSONを見やすくする

JSONを画面上にそのまま表示しても、見づらいですよね。 http://tokyometroapp.herokuapp.com/api/TrainInformation そこでこのJSONを取ってきて多少見栄えを良くしてみます。 今回... 2014年9月19日
goto_jp さんのアバター 6,474views

「bxSlider」で画像が一度に出てしまう際の対処

前回レスポンシブ対応のスライダーを生成する「bxSlider」を紹介しましたが、スマホなど回線や描画が遅い環境で開くと、JavaScriptでスライダー化される前にリストの画像が一気にボボンと出てしまい見た目に悪かったので、CSSレベルで対... 2014年9月19日