HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
jQuery.twinkle · get the visitor's attention · larsjung.de
0.10.0Draw your visitor's attention to special parts of your website. Examples of the different effects can be experiecend in this demo. All available options are described right below. Quick startTwinkle at a specified element: $(selector).twinkle(); Select an effect and add some effect options: var options = { 'effect': 'drop', 'effectOptions': { 'color': 'rgba(0,0,255,0.5)', 'radius': 100 } };
jQuery.fracs · determine the visible fractions of an HTML element · larsjung.de
1.0.2jQuery.fracs calculates some fractions for an HTML element (visible fraction, fraction of the viewport, ...) and also provides the coordinates of these areas. See a demo to get an impression of some of the features. UsageTo retrieve the fractions of an element use: var fracs = $(selector).fracs(); this will return an object of type Fractions. Or bind a callback function: function callback(fra
jQueryのテンプレートプラグイン「jquery-tmpl」を使ってみた (多分)その1 - 黒羊工房はてな版
追記：続編書きました。 リンクは一番下に 最近jQueryにはまっているひつじです。こんにちは。 jQueryに限らず、JavascriptでDOMをいじっていると var name = 'bsheep'; $('<div>').addClass('name').text(name).appendTo('#profile'); // // <div id="profile"></div> // ↓ // <div id="profile"><div class="name">bsheep</div></div> // こんな感じでDOMをその場で生成して埋め込みとかいう操作が結構あります。 でも、こういうの書いているとHTMLとscriptとを分離したくなってきますよね！ この書き方のまま複雑なものとか作ってると、できあがりのHTMLの構造を読み取るための思考コストがかなり必
SidekickをjQueryで書いてみた - 黒羊工房はてな版
＞さらばスカイスクレイパー、IABが標準広告サイズ11種をリストラ http://web-tan.forum.impressrd.jp/e/2011/03/08/9894 タイトルのリストラはどうでもよくて、追加されるインタラクティブ系のうちのSidekickというものを練習として書いてみたのをプラグイン化してみました bsheep/sidekicker - GitHub DEMOはこちら（オレンジの画像をクリックしてください） 使い方はデモを見てもらえばだいたい分かると思うんですが、 $('#sidekick').sidekicker({ kicker: '#kicker', container: '#container', kickback: '#kickback' }); kickerは外側から押し出してくる部分でcontainerは押し出される方。kickbackは造語ですが*1、
Ajax » jQuery Tips » jQueryプラグインの作り方 | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jquery.basic.js(function($){ /* プラグイン名（myplugin）を指定 */ /* 関数にオプション変数を渡す */ $.fn.myplugin=function(config){ /* 引数の初期値を設定（カンマ区切り） */ var defaults={ defColor:"#ff6699", defPadding:5 } var options=$.extend(defaults, config); /* 一致した要素上で繰り返す */ return this.each(function(i){ /* プラグイン内での現在の要素はthisで参照 */ $(this).text(this.tagName
Python Hack-a-thon 第2回 jQuery plugin作成ハンズオン - monjudoh’s diary
jQueryのハンズオンをやりますが全然準備していないので即興でやります。 jQueryを始める上であるとよいもの jQuery jQuery 開発環境 Mac、PC、Linux 向け新高速ブラウザー | Firefox Firebug FireQuery is a Firebug extension for jQuery development FireQuery - jQueryを扱う際に便利なFirebug拡張 - - 文殊堂 https://addons.mozilla.org/en-US/firefox/addon/11905/ FirefinderはJavaScriptプログラマ以外も使うべき - 文殊堂 ドキュメント http://api.jquery.com/browser/ 下の方に"INSTALL NOW"とかあるのでクリックしてAdobe Air板をインスコしましょう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me