ホームページ ウェブフロントエンド jsチュートリアル jQueryプラグインの簡単な実装方法_jquery

jQueryプラグインの簡単な実装方法_jquery

May 16, 2016 pm 03:49 PM
jquery プラグイン

この記事の例では、jQuery プラグインの簡単な実装方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

(function($){ 
 $.fn.extend({ 
  myFunk: function() { 
   // 此处必须返回jQuery对象
   return $(); 
  }, 
  myPunk: function() { 
   return this.addClass('punked') 
      .bind('click', function(){ 
    alert('You were punked!'); 
   }); 
  } 
 }); 
})(jQuery);

ログイン後にコピー

使用方法:

$('.select').myFunk(); 
$('.select').myPunk();

ログイン後にコピー

この記事が皆さんの jquery プログラミング設計に役立つことを願っています。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか? Mar 08, 2024 am 08:55 AM

Chrome プラグイン拡張機能のインストール ディレクトリとは何ですか?

Edge ブラウザがこのプラグインをサポートしない理由に対する 3 つの解決策を共有します Edge ブラウザがこのプラグインをサポートしない理由に対する 3 つの解決策を共有します Mar 13, 2024 pm 04:34 PM

Edge ブラウザがこのプラグインをサポートしない理由に対する 3 つの解決策を共有します

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQueryで要素の高さ属性を削除するにはどうすればよいですか? jQueryで要素の高さ属性を削除するにはどうすればよいですか? Feb 28, 2024 am 08:39 AM

jQueryで要素の高さ属性を削除するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

WordPressプラグインのインストールに失敗した場合のエラーメッセージへの対処方法は? WordPressプラグインのインストールに失敗した場合のエラーメッセージへの対処方法は? Mar 04, 2024 pm 04:57 PM

WordPressプラグインのインストールに失敗した場合のエラーメッセージへの対処方法は?

Google Chromeプラグインのブロックを解除する方法 Google Chromeプラグインのブロックを解除する方法 Apr 01, 2024 pm 01:41 PM

Google Chromeプラグインのブロックを解除する方法

See all articles