タグ

2015年1月15日のブックマーク (3件)

  • jQuery.extend() メソッドの使い方まとめ | Tips Note by TAM

    知っている人には当たり前のことかもしれませんが、使い方をまとめておきます。 jQuery.extend() は、基的には複数のオブジェクトをマージして返してくれるメソッドです。 (プラグインのソースで、デフォルトの設定値を上書きする時などによく見かけますね) jQuery.extend(target[, object1][, objectN]) こんな感じで使います。 オブジェクト a の内容と b の内容をマージしたいとき、 var a = { id: 1, name: 'TAM' }; var b = { name: 'TAM-new', hobby: 'football' }; $.extend(a, b); console.log(a); // 結果: // { // id: 1, // name: "TAM-new", // hobby: "football" // } $.e

    jQuery.extend() メソッドの使い方まとめ | Tips Note by TAM
    hanagejet
    hanagejet 2015/01/15
    jQuery プラグインを作るときに参考になる。
  • 自作のjQueryスクリプトをプラグイン化しよう

    Posted: 2011.06.13 / Category: javascript / Tag: jQuery, Plugin 自作したjQueryコードは作成した人なら簡単にパラメーターの調整などを行いカスタマイズできると思いますが、Webに公開して他の人に使用してもらう場合はなかなかむずかしかったりしますよね。 そこでプラグイン化をすることで誰でも簡単に扱えるようにしてみましょう。 外部ファイル化 たとえば「#hide-btn」をクリックすると「#view」がフェードアウトして消えるという簡単なスクリプトがあります。 jQuery script $(function() { $('#hide-btn').click(function(){ $('#view').fadeOut(1000); }); }); まずは外部ファイル化しましょう。 jQueryプラグインは「jquery.プラ

    自作のjQueryスクリプトをプラグイン化しよう
    hanagejet
    hanagejet 2015/01/15
    プラグイン作成時に参考になる。
  • jQueryプラグインのメソッドパターン

    jQueryプラグインのメソッドパターン このエントリーはjQuery Advent Calendar 2013の 最終目のエントリーです。(Advent Calendarとは様々なテーマを12/1〜12/25までリレー形式でブログなどに執筆する企画です。) 今回はjQueryプラグインのメソッドパターンについて紹介をしたいと思います。 jQueryプラグインのメソッドとはどいうものかというと、まず以下のようなプラグインがあったとします。 $.fn.alert = function(options){ return this.each(function(){ $(this).click(function(){ alert(options.text); return false; }) }); } セレクタで指定した要素でアラートを表示するだけの簡単なプラグインです。(プラグインの作り方は「

    jQueryプラグインのメソッドパターン
    hanagejet
    hanagejet 2015/01/15
    jQueryのプラグインを作成するときの参考