jQuery(179)

179follower
harada さんのアバター 388views

jQuery:自分以外の兄弟を指定

siblings()を利用することで指定要素以外の兄弟要素へ効果を付けることができます。 html例 <ol> <li class="todo"><a id="start" href="#"&g... 2016年8月29日
Yukimi Sato さんのアバター 287views

【jQuery】ハンバーガーアイコンを開閉時に変化させる【Bootstrap】

参考:3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる HTML <a href="#" id="panel-btn"><span id="panel-btn-icon"></span&g... 2016年8月18日
harada さんのアバター 165views

jQueryでクリックでフェードイン・フェードアウトさせる

jQueryはあらかじめ読み込んでおいて下さい。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javasc... 2016年8月1日
Yukimi Sato さんのアバター 17views

jQueryでpreloadする

/head 付近に記載しましょう。/body 付近に書いたらなんにもならないですw $(function(){ jQuery.preloadImages = function(){ for(var i = 0; i&l... 2016年7月15日
harada さんのアバター 262views

「X-editable」を利用してその場で編集するUI(Edit In Place)を導入する

X-editableプラグインを利用することで、その場で編集するUI(Edit In Place)を簡単に導入することができます。 ダウンロードとデモはこちらから。 X-editableプラグインはBootstrapとjQuery UI、... 2016年7月5日
nissy さんのアバター 886views

jQuery ボタンの無効化

ボタンの無効化は以下のように、disabledを上手に使うと対応出来ます。 //以下の様なボタンが有るとすると。。。。 <button id="hoge">......</button> //prop()で無効化... 2016年6月23日
nakata さんのアバター 20views

jQuery端書

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

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

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

jQueryで学んだこと

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

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

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

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

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

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

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

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

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

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

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

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

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

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 さんのアバター 3,108views

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

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

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

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

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

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

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

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