jQuery(173)

173follower
harada さんのアバター 161views

WordPress管理画面のviewportを変更する

WordPressの管理画面をスマホで見ると拡大ができるようになっています。 この拡大を無効にしたい場合は管理画面で記述されているviewportを変更する必要があります。 WordPressのコアファイルを直接触るのは避けたいのでjQue... 2015年10月20日
harada さんのアバター 727views

[jQuery]画面サイズで分岐する

if (jQuery(window).width() < 768) { //ウィンドウサイズが768pxより小さい場合 } else { //ウィンドウサイズが768pxより大きい場合 } ... 2015年10月14日
@iwasaki さんのアバター 81views

JavaScriptでクリックの動作をシミュレートする方法

jQueryを使った場合 $('#hoge').click(); jQueryを使わない場合 var elem = document.getElementById('hoge'); var evt = document.create... 2015年9月17日
harada さんのアバター 742views

「jQuery Steps」で簡単にウィザードフォームを実装する

jQuery StepsというjQueryプラグインを利用することで、簡単にステップ式のウィザードフォームを実装することができます。 ダウンロードはこちら デモはこちら 利用方法 javascript jQueryプラグインですので... 2015年8月24日
Yukimi Sato さんのアバター 1,266views

【Bootstrap】Bootstrap3でアコーディオン

BootstrapCDNとFont−AwesomeCDNを使って実装します。 Bootstrap3でアイコン付アコーディオン(Collapse)を使用するを参考にさせていただきました。 HTML <!DOCTYPE html&g... 2015年8月13日
goto_jp さんのアバター 203views

jQuery:外部読み込みしているJS内で自分自身のファイルパスを返す

$("script:last").prop("src"); 上記で取得できる。 何番目の <script> タグで読み込んでいようとコレを実行する時点ではそのファイル自身が最後のファイルなので $("script:last... 2015年8月3日
goto_jp さんのアバター 848views

jQuery:eachを逆順に処理する

普通のjQueryのeachの書き方は下記になる。 $(".hoge").each(function(){ //処理 }); ページ内のクラスhogeすべてに前方から順に処理をしていく。 これを最後の方から逆に処理をしたい場合は... 2015年6月11日
goto_jp さんのアバター 6,587views

jQuery:現在カーソルがhoverしている要素を返す

下記で取得できる。 jQuery(":hover") カーソルがhoverしている箇所に重なっている全要素が深い順に配列で返される。 応用:特定のレイヤーの上にカーソルが存在することを判定する $(".layer").mouseo... 2015年6月9日
@iwasaki さんのアバター 3,268views

jQueryでテキストエリアの値を取得する

<textarea id="AAA" name="my-textarea" cols="40" rows="4"></textarea> の値をname属性ベースで取得するには var val = $('[na... 2015年4月30日
@iwasaki さんのアバター 162views

jQueryでテキストを取得する

jQueryでテキストを取得する方法です。 wicketの場合はidが自動採番になってしまうため、力技でJavascriptからidを取得する場合はjQueryを使うのが便利です。 <div id="mailSubjectValu... 2015年4月27日
goto_jp さんのアバター 7,314views

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

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

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

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

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

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

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

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

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

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

jQuery:Ctrl+クリックを拾う

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

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

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

jQuery:eachのcallback関数の引数

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

jQueryUI:sortableを使う

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

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

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