Description: Reduce the set of matched elements to those that match the selector or pass the function's test. version added: 1.0.filter( selector )
以前 jQuery の繰り返し処理について書きましたが(【jQuery】複数の要素に対して繰り返し処理をする(each・for) - TASK NOTES)、もうひとつ map というメソッドがあります。これは単純な繰り返し処理用ではないので前回のエントリからは外しましたが、使い慣れると非常に便利なのでまとめておきたいと思います。 今回使うサンプルのHTMLはこんな感じです。 <div class="hoge">ほげ1</div> <div class="hoge">ほげ2</div> <div class="hoge">ほげ3</div> ... jQueryのmapとは map とはマッチした要素数分を繰り返して指定した関数を実行し、その結果をまとめた新しいjQueryオブジェクトを返してくれます。簡単に言うと配列から別の配列を作るという事です。 .map( )メソッド var arr
現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年になってもまだjQueryを使用しているのはなぜですか Hacker News での議論 多くの人が「普通のJavaScriptを使えば、jQueryは必要ない」と主張しています。私は多くを必要としないので、jQueryを必要としませんが、確かに便利です。 You might not need jQueryのようなページでは、jQueryを捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例
jQuery要素/DOM要素の他に、純粋な配列の操作などができる関数をjQueryは持っていますが、命名や引数などややこしいことが多いのでまとました。 純粋な配列を操作できる関数 $.inArray(needle, array) $.each(array, callback(index, value)) $.map(array, callback(value, index)) $.grep(array, callback(value, index) [, invert]) $.merge(first, second) コールバック関数に渡される引数の順序が統一されていないことに注意。 純粋な配列は操作できない関数 $.unique(array) 勘違いすると厄介です。詳しくは後述。 関数の解説 $.inArray(needle, array) 公式リファレンス 引数needleが引数arr
stackoverflow.com $('<input>').attr({ type: 'hidden', id: 'foo', name: 'foo[]', value: 'bar' }).appendTo('form'); とやれば、 動的に <input type='hiddne' id='foo' name='foo[]' value='bar'></input> ができる。 jQuery最高の教科書 作者: 株式会社シフトブレイン出版社/メーカー: SBクリエイティブ発売日: 2013/11/26メディア: 単行本この商品を含むブログ (5件) を見る
Personal website of Martin Tournoij (“arp242”); writing about programming (CV) and various other things. Working on GoatCounter and more – GitHub Sponsors. Contact at martin@arp242.net or GitHub. Many people advocate “just use vanilla JavaScript, you don’t need jQuery”. Well, I don’t need many things that are nontheless nice to have. I don’t need jQuery, but it sure is nice! Pages like You might n
jQueryでセレクトボックス(multiple)間のアイテムの移動を行う実装方法をご紹介します。 ※ ソート機能などはありません。 デモ HTML <select name="list1" size="5" multiple="multiple"> <option value="項目1">項目1</option> <option value="項目2">項目2</option> <option value="項目3">項目3</option> <option value="項目4">項目4</option> <option value="項目5">項目5</option> <option value="項目6">項目6</option> <option value="項目7">項目7</option> <option value="項目8">項目8</option> <option va
What makes Ray's approach interesting is the way he frames the discussion of "software developer" over "library integrator" or "jQuery programmer". Libraries & frameworks are just tools. Once you know the fundamentals, then you can make smart choices about why & when you might make use of such tools. You have options as a developer. "Beyond jQuery" has a very easy to read style. I like the way Ray
はじめに jQueryのメソッドチェーンはとても便利で、自分もよく使っていますが「作り方」が よく分かっていなかったので実際に簡単なサンプルを作ってみました。 知っている人にとっては簡単だと思いますが、自分のように知らない人に少しでも お役に立てれば幸いです(`・ω・´)ゞ 元記事 http://sawapi.hatenablog.com/entry/2014/12/05/004710 そもそもメソッドチェーンとは メソッドチェーンとは、メソッドをつなげて処理することをいいます。 例えばjQueryだと、 jQuery( 'div' ).width( 100 ).height( 100 ).css( { backgroundColor: '#000' } );
For the purpose of this example we’re going to use MySQL, but of course we can swap this out easily for SQLite or any other RDBMS. We’re going to name our database example and the table will be named people. The backend As we’re going to build our application on Silex, we need to install Silex using Composer first. Install it through composer with the command composer require silex/silex. Next we
July 6, 2020setTimeout JavaScript Function: Guide with Examples The native JavaScript setTimeout function calls a function or executes a code snippet after a specified delay (in milliseconds). This might be useful if, for example, you wished to display a popup after a visitor has been browsing your page for a certain amount of time, or you want a short delay before removing a hover effect from an
JavaScript は非同期処理が基本 jQuery は非同期処理を簡単にしてくれる Knockout MVVM における非同期処理パターン の三本立てでお送り致します。 JavaScript は非同期処理が基本 最近、こんな記事をいくつか見かけました。 「jQuery.ajax で結果が反映されない!困ったら async:false だ!」 これは Tips とは言えません。 async:false にすると何が変わるのか、正しく認識していますか? jQuery の API リファレンス には、こうあります。 Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active. 同期リクエストは 一時的にブラウザをロックし、一
「いろんなセレクタ指定方法+αを覚えて、目的の要素をさくっと取得する」で要素をさくっと選択できるようになったら、次は選択した要素を元に、さくっと新しく要素を追加する方法を覚えて見ましょう。 「新しく要素を追加する」というのはAjaxで外部データを読み込み、リスト一覧を表示させる場合などに頻繁に利用します。たとえばtwitterからデータを読み込んでサイドバーに表示する、といった場合です。 他にもホームページに新しい商品を追加して「NEW」という画像を表示することがあると思いますが、一ヶ月後には消したいという場合、直接HTMLに書き込んでいると、いちいち修正しないといけません。それをうまくJavascriptで追加するようにして上げれば、修正の必要がなくなります。 class名に日時を添えて、そのclass名につけられた日時と現在の日時と比べて処理をさせます。少しスクリプトは荒い例ですが、下
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Orchestrating asynchronous function calls in JavaScript often leads to callback hell, but there is a reliable way to avoid this painful state of affairs. With this concise and simple g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く