CYOKOLOG — jQueryプラグイン実装時の独自データ属性によるパラメータ指定方法について考えてみた
ホッテントリ入りしてた以下のエントリを読んだ。 HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく - クラスメソッド開発ブログこの類のエントリは散々見てきたんで、特に得るものは無いかなと軽く流し読みしてたら以外な発見があった。 HTML5の独自データ属性（data-hoge形式）でパラメータを渡す設計は時折見かけるが、ここではプラグイン側の実装で、パラメータ名を明示することなくその値を取得する方法が紹介されていた。 どうやら引数なしで data() メソッドを実行すると JSON 形式で data属性の一覧が取得できるらしい！ $('<a data-hoge="HOGE" data-fuga="FUGA"/>').data(); とすると {hoge:'HOGE',fuga:'FUGA'} となる。 上記のエントリではパラメー
App::Tacochan - 様々なサーバのバッチ処理の結果等を Skype のチャットに通知するサーバ - アリ
YappoLogs: App::Ikachan - 様々なサーバのバッチ処理の結果等を IRC のチャンネルに通知するサーバ より リポジトリはこちら akiym/p5-App-Tacochan - GitHub HTTPで叩けるSkypeみたいなものです。ikachanをコピペして作ったのですが、ikachanとは使い勝手が違うかもしれません。 使い方は非常に簡単で、 % tacochan starting httpd: http://127.0.0.1:4969/ at bin/tacochan line 182. だけです。(Skypeが立ち上がっている必要があります) デフォルトではhttp://localhost:4969/にhttp serverが立ち上がります。(ikachanはhttp://localhost:4979ですね) オプションも非常に少なくてシンプルです。 %
jQueryでアニメーション終了時のcallback - Webtech Walker
jQueryでfadeOutとかのアニメーションして終わったらなんかするといったときにcallback関数を引数に指定するのとDeferred使う方法があるんだけどこの二つは挙動が違う。 こういうHTMLがあったとして <div>foo</div> <div>bar</div> <div>baz</div> まず以下のようなcallback関数の場合はそれぞれのfadeOutが終わるごとに呼ばれる。 $('div').fadeOut(function() { console.log('fin'); }); つまり'fin'が3回出力される。 一方Deferredを使った場合はこんな感じ。 $('div').fadeOut.promise().done(function() { console.log('fin'); }); .promise()がDeferredオブジェクトを返すので.do
jQueryで親要素を削除する「unwrap()」｜BLACKFLAG
最近ではレスポンシブ対応などでの構成を考える上で 要素によって、PC版ではリンクさせるけれど、スマホ版ではリンクさせない、といった HTMLソース上では＜a＞タグをつける必要があっても それを無効化する必要があることによく遭遇します。 そんな時に使える、jQueryで親要素を削除することができる 「unwrap()」が便利だったのでご紹介。 サンプルでは、リンクテキストを用意して、 PCでは通常にリンクが張られ、スマホ（iPhone/iPod、Android）では テキスト表示のみになる、といったものを紹介してみます。 HTML側ではリンク＜a＞タグの中に ＜span＞タグで囲ったテキストを入れます。 ◆HTML <a href="https://black-flag.net" target="_blank" rel="noopener"><span>リンクテキスト</span></a>
JavaScript開発のお供 - Qiita
他にあれば教えてほしいです。（他のまとめを見つけたがまだよく読んでない） 一般 JSRef JSのリファレンスを高速に引く JSDeferred 非同期処理を同期処理のような感覚で記述できる CocProxy ブラウザからのリクエスト先をローカルファイルに置き換えてくれる QUnit ユニットテストフレームワーク 今はRSpec風に記述できるJasmineのほうが使われてる印象ですが、自分はこちらのほうがしっくりくる（PerlのTest::Moreとほぼ同じなので） jQuery jsshell jQueryを読み込んでないサイトでもjQueryを使ったコードを簡単に試せる jQuery API Search ChromeのポップアップからjQueryのAPIリファレンスをさくっと引ける できればVimから引きたい…。 Vim vimparse.js ファイル保存時にJSHintでコーディ
おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ
jQueryは互換性を保ちつつも洗練されたAPIを取り入れているので、新しく書くときは新しいAPIを使った方が良い。 liveとかセレクタの:hoverとかはBad Partsだ。 jQuery.fn.on / jQuery.fn.off live/delegate/bind/click等は滅びた。全てonを使おう。 また、data引数を使う場合は必ずdataをオブジェクトかnullにする。dataが文字列の場合、関数の場合にセレクタ等と区別がつかないからだ。 $("body").on("click", function (event) { alert("Clicked!"); }, false); また、querySelector/querySelectorAllの登場によって、:hover等のjQuery固有のセレクタは滅びた。validなCSSセレクタと、jQueryのメソッドをch
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ
jQueryで画面遷移のないサイトを作ろうとしたときのちょっとしたメモ jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。 サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。 投稿日2012年02月03日 更新日2012年02月03日 リンク（href）を無効にする 画面遷移のないWebサイトでもJSのない環境やSEOも考慮して href にリンク先を設定したいときがあります。 hmtl <a href="hoge.html" id="btn">ボタン</a> このような場合だと #btn にイベントを設定しても画面遷移してしまいます。 click イベントに「e.preventDefault()」と記述すればhrefを無効にになり画面遷移が行われません。 javascript $('#btn').click(function(e){
必殺の .apply()フックを打つべし！ 打つべし！（JavaScript おれおれ Advent Calendar 2011 – 17日目） | Ginpen.com
JavaScript おれおれ Advent Calendar 2011 – 17日目 .apply()で成り済ましができたり仕事をスルーして丸投げしたりする事ができますが、さらにもうひとつ、フックを行う事ができます。 フック(hook)というのはフック船長のフック、鉤爪の事で、処理を「ひっかける」ような事です。ある関数が実行される際に、独自のコードを実行させる事ができます。 フック (プログラミング) – Wikipedia フック（Hook）は、プログラム中の特定の箇所に、利用者が独自の処理を追加できるようにする仕組みである。また、フックを利用して独自の処理を追加することを「フックする」という。 あの処理がどこで呼ばれてるかわからないときに 具体例をひとつ。例えばjQueryで「どこかのタイミングで勝手にクラス名が追加されてしまって困っている」という場合を考えます。その場合は .add
第10回 jQuery 1.4編
連載目次 $.isEmptyObjectメソッドを利用することで、オブジェクト（引数obj）の内容が空であるかどうかをtrue／falseで得られます。以下はそのサンプル・プログラムです。 <script type="text/javascript"> $(function() { // オブジェクトが空であるかを判定 window.alert( $.isEmptyObject({ name: 'Yamada' }) ); }); </script>
jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと.net
jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること も出来るかもしれません。 というわけでフィルター一覧です。あんまり把握出来てなかったのでこの機会に全部目を通して触ってみました。機能というか、どんな感じで要素を取得出来るか、みたいな内容になります。 しっかり使いこなしてきた人間の書いてる記事じゃないので、もしかしたら解説が間違ってるかもしれません。一応公式のリファレンス見ながらやってますけどそれでも勘違いしていたらご指摘頂けると嬉しいです。 カテゴリごとにjsfiddleで全サンプルを用意してありますのでフォークしてご自身向けに変更して頂ければと思います。 Basic Filter(基本フィルタ) Sample 基
とてもとても簡単な、jQueryプラグインのつくりかた。 | Ginpen.com
こんなに短いコードですが、jQueryプラグインを作る上で忘れられない、5つのポイントがあります。 $がjQueryである事を期待しない。 jQuery.fnにメソッドを定義する。 実行コンテキストthisはjQueryオブジェクト。 .each()を使って処理する。 thisをreturnする。 他のプラグインと併用し、$がjQueryを指していない場合も考慮して、直接$は使いません。全体を無名関数にして、その引数としてjQueryを$という名前で受け取るようにしましょう。 jQuery.fnのプロパティとして関数を設置しておくと、それが$(elem)のメソッドとして呼び出せるようになります。またその際の「実行コンテキスト」つまりthisは、当然ですがメソッドを呼び出しているjQueryオブジェクトになります。このときに複数の要素を内包している場合がある（$('.hoge')を想像してく
13 jQuery SelectBox/Drop-down Plugins — SitePoint
There are several ways to define a block of JavaScript functionality. Learn which is the most appropriate one for your particular use case.
jQuery 1.7の更新内容をまとめたよ。 | Ginpen.com
jQuery 1.7が公開されたので、早速1.6.xからの更新内容をまとめてみました。 jQuery: » jQuery 1.7 Released （リリース記事） Version 1.7 – jQuery API （公式ドキュメント、1.7で変更があったもののみ） 1.7 all tickets – jQuery Core – Bug Tracker （1.7の全チケット） リリース記事の翻訳じゃないです。 主な変更点 個人的に気になったものをピックアップしてみますよ。 既存の .bind()や .live()等に置き換わる .on(), .off()を追加 .bind(), .delegate(), .live()が統合されました。（これらも引き続き使用できます。） →詳細後述します。 toggleと.stop()の連携を改善 toggle系と組み合わせた際におかしくなってしまうのが改
jQuery.is*()シリーズを、どれだけご存知ですか。 | Ginpen.com
jQueryを使うと要素を探したりスタイルを変更したりってのが簡単なんですが、それ以外に「地味に便利」な機能がたくさんありますよね。 その中から、変数の中身の種類を判定するメソッドのシリーズを紹介します。 jQuery.is – Search Results – jQuery API ちなみに .is()というものもありますが、今回は関係ありません。 jQuery.isFunction() 関数であればtrueを返します。 個人的には一番頻繁に使います。使いどころとしては、オプションでコールバック関数を受け付ける場面でしょう。与えられたものが本当に関数であれば実行する、変なものが渡されたときは無視する、というように使えます。 JavaScriptの型の扱いはゆるいと良く言われますが、関数じゃないものに括弧()をくっつけても実行できなくてエラーになってしまいますので。 jQuery.isEm
How to use JQuery selectors in Node.js
I'm trying to extract email info from HTML files in my hard drive. If I load the file in firefox and run jQuerify bookmarklet I can use successfully the following selector/function window.jQuery("a.iEmail").each(function(el) { console.log(window.jQuery(this).attr('href')) }); But using this in Node.js is not working var document = require("jsdom").jsdom(), script = document.createElement("script")
15 Powerful jQuery Tips and Tricks for Developers
In this article we will take a look at 15 jQuery techniques which will be useful for your effective use of the library. We will start with a few tips about performance and continue with short introductions to some of the library's more obscure features. 1) Use the Latest Version of jQuery With all the innovation taking place in the jQuery project, one of the easiest ways to improve the performance
jQueryのlive関数が超便利な件について | さくらたんどっとびーず
先日 jQueryMobile をいじくってたらいまいちよく分からなかった部分があったので jQueryMobile のソースとかサンプルをだらだら見ていたのですが、live() という関数がちょいちょい使われてたので気になって調べてみました…ら、超便利なことが判明したので生存戦略しとこうと思います。 とりあえず semooh.jp さんの日本語リファレンスによると、live 関数は未登録の DOM オブジェクトに対しても動作するイベントハンドラを登録する関数のようです。 jQuery 1.3より実装。 イベントに対してハンドラを登録します。 登録されたイベントは、現在および将来的にも、セレクタにマッチする全ての要素に適用されます。 カスタムイベントに対してbindすることも可能です。 live(type, fn) – jQuery 日本語リファレンス って、これって超便利じゃん！ って、
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1216彩票-官网平台
IDEA * IDEA