用途
新着
履歴
分類

jQuery 独自メソッドを作る

jQuery 独自メソッドを作る
$(this).hoge();のように独自のメソッドを作りたい時の書き方のサンプルです。

$.fnと$.extendさえ押さえておけば自前のメソッドが作れます。

例えば下記はmyscrollというメソッドを作っています。

$.fnを付けて宣言し、$.extendで初期値を設定しています。


	$.fn.myscroll = function(option) {
		var settings = $.extend({ speed: 1000}, option);
	
		$(this).click(function() {
		  $('html, body').animate({
		    scrollTop: $(this.getAttribute('href')).length ? $(this.getAttribute('href')).offset().top-100 : 0
		  }, settings.speed);


		  return false;
		});

		return this;
	};
	
	$(document).ready(function() {
		$('a[href^="#demo_"]').myscroll({
			speed: 300 
		});
	});

jQueryのいろんなプラグインも大体同じような書き方です。

公開 2020-03-29 16:52:59
更新 2020-03-29 16:53:00
このページの二次元コード
jQuery 独自メソッドを作る

人気のサンプル

search -  category -  about
© 2024 kipure
Top