>웹 프론트엔드 >JS 튜토리얼 >jquery 플러그인 학습(6)_jquery

jquery 플러그인 학습(6)_jquery

WBOY
WBOY원래의
2016-05-16 17:50:591285검색
코드 복사 코드는 다음과 같습니다.

;(function($){
$. 확장($ .fn,{
color : function(options){
var options = $.extend({},$.fn.color.defaults,options);
return this.each(function (){
$(this).css("color",options.bcolor)
$(this).css("Background",options.fcolor)
}// color==end
})
$.fn.color.defaults ={bcolor :"white",fcolor :"black"}

})(jQuery)


코드 복사 코드는 다음과 같습니다.
$.fn.color .defaults ={bcolor: "#c06",fcolor:"red"}//자신만의 매개변수 작성 및 색상 설정
$('h1').color()
$('p') .color({bcolor:" #fff"});//북쪽 배경색을 흰색으로 반복적으로 덮고 글꼴을 기본으로 설정합니다

위 호출은 외부 또는 내부에 작성됩니다() .그것을 배웠나요? 이것이 바로 이 섹션의 매개변수에 대한 자세한 설명입니다. 나의 작은 학습 세계에 오신 것을 환영합니다. 나는 온라인에서 플러그인을 검색하여 모든 곳에서 찾았지만 그 중 어느 것도 내 문제를 실제로 해결하지 못했습니다. 나는 플러그인을 주의 깊게 연구했으며 여기에서 원하는 것을 배울 수 있기를 바랍니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.