jQuery.each(object, callback) - jQuery 日本語リファレンス
配列/オブジェクトを問わずに汎用的に用いることができる、繰り返し処理用の関数です。 この関数は、jQueryオブジェクトのプロトタイプに実装されている $().each() とは異なります。こちらは、引数で渡した単なる配列やjQueryでないオブジェクトも繰り返し操作することができます。 コールバック関数は2つの引数を持ちます。 1番目はオブジェクトであればハッシュKEY、配列であればインデックスを受け取ります。 2番目には、値が受け渡されます。 繰り返し処理中にループを抜けたい場合（一般的なループ処理で言うところのbreak）、コールバック関数でfalseを返すことで実装できます。それ以外の値を返した場合は、無視されます。 配列とオブジェクトを用意します。 配列は、繰り返しながら対応するidを持つdiv要素に、テキストとして自分のidを入れていきます。但し、ループ中に"four"が出てき
【jQuery】記号などで囲まれた文字列を正規表現で置換
jQueryで任意の文字列を正規表現で検索して置換する方法が便利だったので、メモです。 例えばソースコードをブログ上で表示するとき、特定のタグや記号で囲まれた文字列だけ色を変えたい、という場合に使えます。 サンプル
エンターキーが押された時に何かする | 主にjQueryのメモ
$( '#addr' ).keypress( function ( e ) { if ( e.which == 13 ) { // ここに処理を記述 return false; } } );
ページ内をハイライト検索する - エンジニアとときどき家猫
まずはサンプルです。 検索する文字を入力して、検索ボタンをクリックしてください。 例） かき あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん highlight: JavaScript text higlighting jQuery pluginを利用する。 以下のファイルをサイトよりDownloadする。 jquery.highlight-4.js JSファイルを読み込む<script type="text/javascript"> //<![CDATA[ google.load("jquery","1.7"); //]]> </script> <script type="text/javascript" src="jquery.highlight-4.js"></script> スタイルを記述する<style type="text/css"
指定の文字列が含まれているか検索し見つかった場合は位置を返す(indexOf, lastIndexOf)
指定の文字列が含まれているか検索し見つかった場合は位置を返す(indexOf, lastIndexOf) String オブジェクトのインスタンスメソッドである indexOf は、対象の文字列に指定の文字列が含まれているか検索し見つかった場合は位置を返します。同じく lastIndexOf メソッドは、対象の文字列にして指定の文字列が含まれているかを文字列の最後から検索します。ここでは String オブジェクトの indexOf メソッドおよび lastIndexOf メソッドの使い方について解説します。
jQuery でイベントハンドラを削除する方法
jQuery でクリックしたらアクションするみたいな設定したけど後からそれを削除したい時は unbind() を使います。使い方は簡単で以下のように消したい要素に対して unbind() を実行すれば良いです。
jQueryのselectタグ操作かんたんまとめ | もしもワークス
jQueryでselectまわりをいじるときのまとめです。 基本 選択項目の値を取得する。 $('select').val(); //短い書き方 $('select option:selected').val(); 任意の項目を選択する。 $('select').val('hoge'); //optionのvalueに相当する値を代入 選択項目の変更を察知する。 $('select').change(function() { alert( $(this).val() ); }); 選択項目を変更し、かつ変更イベントをトリガーする。 $('select').val('hoge').trigger('change'); 応用 表示項目を切り替え プルダウンリストの項目を操作して状況に応じて表示項目を切り替えたい。 ここでは#fooは対象のselect要素。class=”bar”のoption
jQueryでclassやidをワイルドカード指定 - Qiita
<ul> <li id="aaa1">TEST1</li> <li id="aaa2">TEST2</li> <li id="aaa3">TEST3</li> </ul> $(function(){ $("[id^=aaa]").on("click",function(){ console.log($(this).attr("id")); }); });
jQueryプラグイン「jquery.cookie.js」でcookieを簡単に扱う ｜ Tips Note by TAM
JavaScriptでcookieを扱うのは、値のエンコード・デコードや書き込む際の文字列結合、値を取り出す実装など、意外に面倒です。しかし、「jquery.cookie.js」を利用すれば、cookieを簡単に扱えるようになり、シンプルなコードで実装できます。 まずはjQueryとjquery.cookie.jsを読み込みます。 ※jquery.cookie.js は GitHub（https://github.com/carhartl/jquery-cookie）からダウンロードすることができます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> ■cookieの設定 cookieを保存するには
jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
datepickerをbootstrapで簡単に実装する方法
datepickerを簡単に実装する方法メモ。 datepickerの種類 datepickerは色々なライブラリで実装されています。bootstrap、jquery ui、jqueryなど。個人で同じようなものを作って公開している人もたくさんいます。 ただ、どれも導入手順がいまいち分かりづらかったりします。他にも、バージョンごとに使い方が変わったり、bootstrapやjqueryのバージョンがあがって動かなくなってたり。 現時点で調べた限りでは、bootstrap-datepickerというライブラリが、簡単に使えて機能も充実しているように思いました。 bootstrap-datepickerのデモ bootstrap-datepickerのデモは開発者のサイトで公開されています。 bootstrap-datepicker bootstrap、jquery ui、jqueryで実装され
jQuery の .end() メソッドが便利ですよ | JavaScript | かたつむりくんのWWW
たぶん jQuery を使い始めたばかりの人はあまり使わないであろう .end() メソッドですが、これ、かなり便利なんですよね。 僕も最初はあまり使っていませんでしたが、最近は積極的に使っています。ソースも短くかけるうえに、パフォーマンス的にも良いので是非使っていきたいメソッドです。 今回は、簡単な例で .end() を紹介してみます。 今、次のようなソースがあるとします。アコーディオンさせる場所などで良く見そうなソースです。 <dl id="hoge"> <dt>.end()を使う</dt> <dd> <ul> <li>list 1</li> <li>list 2</li> <li>list 3</li> <li>list 4</li> <li>list 5</li> </ul> </dd> </dl> このような html に対して、次のような操作を行いたいとします。 dt 内のテキ
jQuery の $().each() で個別処理(ループ) | バシャログ。
こんにちは、やっと地上デジタル放送がうちのテレビに映るようになりました。tanakaです。液晶テレビはもう1年前に買っていたので、ついにフルパワーを発揮しているんですが、新品みたいです。 今日はjQuery の each の使い方についてとりあげます。 jQuery はループ処理を意識しなくても使える jQuery がよく使われるJavaScriptライブラリである理由のひとつに、CSSライクに、宣言的な記述ができる、ということをあげることができます。複数の要素に同じスタイルを適用したいとき、CSSではループ処理を書く必要がありませんが、jQuery も基礎的な使い方ではループを意識しなくても書くことができます。 $('p').css('background-color', 'yellow'); // すべての p 要素の背景色を黄色にする $('p').prepend('Oh! ');
そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
Mmbielanczuk
Sedang mencari lokasi cargo terdekat untuk kebutuhan pengiriman barang Anda? Menemukan penyedia jasa cargo yang tepat bisa jadi tantangan tersendiri. Dengan kebutuhan logistik yang terus meningkat, penting untuk mengetahui bagaimana cara efisien menemukan layanan cargo yang terpercaya dan dekat dengan Anda. Di era digital ini, informasi lokasi cargo terdekat kini dapat diakses dengan mudah melalui
jQuery.Gantt - 第四者メモ
いよいよjQuery.Ganttをいじり始める。 パイオニアのサンプルとおりに打ち込んだら、その通り動くも、 自分のページ群の中に組み込んだら、画面にチャートが現われない。 ヘッダの部分のちょっとした違いかと思うのだが、何がポイントなのかを少し追求してみる。（続く‥） 【続き１】 １行目、サンプルでは <!doctype html> となっているが、これを、普段使っている（あまり意味を厳密には考えてないがｗ） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> に戻しても、チャートは表示される。これは問題ではない。（続く‥） 【続き２】 ２行目、サンプルでは、 <html lang="en-au"> と言語を指定しているが、これを指定せず、 <HTML> に戻しても、チャートは表示される。これは問題ではない。（続く
jQueryプラグイン - ExcelのようにTableを編集 - Handsontable
ExcelのようにTableが編集できちゃうjQueryプラグイン「Handsontable」を紹介します。 jQueryプラグイン「Handsontable」jQueryプラグイン「Handsontable」は、HTMLのTableをページ遷移することなく動的に編集できるようにするプラグインです。 そう、まるでExcelのように。 これがなかなか使い勝手がいいんです。指定した要素が編集できちゃう「trocar.js」というプラグインもあるので合わせてご覧ください。 デモでTableを編集してみてください。セルをダブルクリックするとセル内のテキストを編集でき、グリッドの右下ポインタをドラッグするとコピーまでできる優れもの。すげー。 「Handsontable」のデモ ソース（HTML + jQuery）<!DOCTYPE html> <html> <head> <meta charset=
suz-lab.com - suz lab リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jqueryで特定の要素の順番を取得する方法｜jquery.index() | wald-grun
ある要素の中で、指定した要素が何番目にあたるのか、を取得する。 index(subject) jQueryオブジェクト内で、引数で指定されたエレメントのインデックス番号を返す。インデックスは、ゼロから始まる連番。 もし渡されたエレメントがjQueryオブジェクト内に存在しない場合、戻り値には-1が返る。 サンプル 「いずれかのdivをクリックした際にそのdivがdiv全部の中で何番目にあたるか」をconsoleに吐き出す $("div").click(function () { var index = $("div").index(this); console.log(index); });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Bootstrap add active class to li