jQuery(173)

173follower
nakata さんのアバター 19views

jQuery端書

・ページを読み込んだ後に機能: jQuery(document).ready(function () {} ・jQueryで関数指定: function 関数名(){ jQuery(function($) {}); ... 2016年6月15日
nakata さんのアバター 63views

セレクトボックス内の値を取得、if構文

・セレクトボックスのvalueを取り出す (セレクタ).click( function(){ var selectVal = $(セレクタ).val(); }); ・if構文 $(function(){ i... 2016年6月10日
nakata さんのアバター 26views

jQueryで学んだこと

・属性の値が前方一致する要素を選択する $("[ 属性 ^= '値' ]") ・jQueryの基本的な構造 $(セレクタ).メソッド(引数) onメゾット:jQueryオブジェクトで指定内にあるセレクタで指定した要素に、イベント... 2016年6月8日
harada さんのアバター 296views

WordPressの投稿画面にjQuery UI Datepicker + Timepickerを組み込む

jQuery UI Datepickerだけでいい場合は以下の記事を参考にしてください。 WordPressの投稿画面に一気にjQuery UI Datepickerを組み込む Timepickerアドオンは以下からダウンロードできます。... 2016年6月6日
harada さんのアバター 31views

jQueryで追加したCSSのスタイルに!importantを付ける場合の記述方法

jQueryで特定の箇所にスタイルを追加したときは.css()が便利ですが、これで追加したスタイルに!importantを付けたい場合以下のように記述してしまうと、ブラウザによっては実行されない恐れがあるようです。 $('#sample'... 2016年6月2日
harada さんのアバター 94views

指定したcookieを簡単に削除できる「jquery.cookie.js」

指定した名前のcookieを削除したいときに、「jquery.cookie.js」というプラグインを利用するととても簡単にサクッと削除できます。 利用方法 ダウンロード https://github.com/carhartl/jque... 2016年5月20日
nissy さんのアバター 427views

jQuery Classがあるかないかの判定

if ($("#hoge").hasClass("active")) { //class activeがあれば } else if (!$("#hoge").hasClass("active")) { //class activ... 2016年5月10日
harada さんのアバター 1,003views

jQueryで動的に追加される要素でonchangeイベントが動くようにする

ファイル要素を増やす度にイベントを実行したい場合は以下のように書き換えることで、できるようになりました。 jQuery('input[type=file]').on("change", function() { → jQuery(d... 2016年5月2日
YY3ai2ui24 さんのアバター 30views

jQueryでチェックボックスにがオンになっているのを見つけるセレクタ

検索 $("input[type='checkbox']:checked") 例 <div class="days"> <label><input type="checkbox" data-dayO... 2016年4月24日
harada さんのアバター 2,037views

WordPress 4.5で表示される「JQMIGRATE: Migrate is installed, version 1.4.0」

WordPress 4.5にアップデートするとコンソールに「JQMIGRATE: Migrate is installed, version 1.4.0」というメッセージが表示されるようになりました。 こちらは警告などではないようです。 ... 2016年4月19日
harada さんのアバター 1,537views

「Syntax error, unrecognized expression」というエラーが出たら確認すること

Syntax error, unrecognized expression コンソールでこのようなエラが―出た場合は引用符のエラーのようです。 おそらくこのエラーの前後どちらかに該当の場所も表記されているため、その部分の引用符が正常に記... 2016年4月18日
nissy さんのアバター 91views

jQueryでテキストデータを取得

今回、jQueryでテキストデータを取得しました。 var owner_id = $("#owner_id").val(); meet_str = $("input[name='meet']:checked").val(); ... 2016年4月15日
harada さんのアバター 1,306views

jQuery UI Datepickerのカレンダーに年月選択ボックスを入れる

デフォルトだと以下のように指定することでカレンダーのみが表示されます。 <script type="text/javascript"> jQuery(document).ready(function(){ ... 2016年4月6日
harada さんのアバター 10views

Duplicate Postの「新規下書きとしてコピー」リンクを「新規追加」の横に移動する

「Duplicate Post」プラグインを有効にすることで、WordPressの記事を複製する「新規下書きとしてコピー」リンクをつけることができます。 こちらがデフォルトだとサイドブロックの下の方に表示されていてわかりにくいので、以下の... 2016年3月22日
harada さんのアバター 64views

[jQuery]closest:指定した要素の直近の親要素を選択する

指定した要素から直近の親要素を選択できます。 ex. $('.sample').closest('div').css('color', '#FFF'); こちらは直近の親要素のみで、祖先要素は当てはまりません。 ... 2016年3月18日
harada さんのアバター 84views

指定したテキスト入力フォームにdatalistを追加して選択もできるようにする

WordPressのカスタムフィールドテンプレートを利用しているフォームタグの場合は以下のように記述します。 var parkinglist = '<datalist id="othercharge">'; parkingli... 2016年3月11日
harada さんのアバター 690views

Select2のセレクトボックスで選択した内容をクリアできるオプション

以下のようにオプションで’allowClear’を追加することで選択した項目の右端に「×」アイコンが付与され押すことで選択した内容がクリアされます。 jQuery('#select').select2({ ... 2016年3月9日
harada さんのアバター 751views

bootstrap-datepickerで日付を選択後ドロップボックスを閉じる

bootstrap-datepickerを利用することでBootstrapに簡単にカレンダーで日付を入力できるパーツが付けられます。 ダウンロードはこちら 利用方法はこちらのブログが参考になりました。 bootstrap-dat... 2016年2月26日
harada さんのアバター 923views

AdminLTEのDate range pickerを日本語化して利用する方法

※今回はAdminLTEに入っていたDate range pickerを利用して確認したためその方法を記述しています。 1. 読み込む AdminLTEに入っていたプラグインを読み込みます。 jQueryも必要です。 //head内 ... 2016年2月25日
harada さんのアバター 490views

iCheckを利用時のチェックの有る無しで表示を切り替える

iCheckはチェックボックスとラジオボタンの表示をきれいに見せてくれるjQueryプラグインです。 iCheck iCheckを利用時はチェックのオンオフ分岐が以下のように変わります。 $('input').on('ifC... 2016年2月18日