Jquery 중(function ($)(jQuery),$(function(){}),
6109 단어 jquery
//Jquery에 메서드 추가$.getData = function (options) { var opts = $.extend(true, {}, $.fn.loadMore.defaults, options); $.ajax({ url: opts.url, type: "POST", contentType: "application/json; charset=utf-8", dataType: "json", data: "{groupNumber:"+ opts.groupNumber + "}", success: function (data, textStatus, xhr) { if (data.d) {//We need to convert JSON string to object, then//iterate thru the JSON object array. $.each($.parseJSON(data.d), function () { $("#result").append('' + this.Id + ' - ' + '' + this.Name + '' + ' — ' + '' + this.Comment + ' '); }); $('.animation_image').hide(); options.groupNumber++; options.loading = false; } }, error: function (xmlHttpRequest, textStatus, errorThrown) { options.loading = true; console.log(errorThrown.toString()); } });
: jQuery , javascript , jQuery , :
$.myPlugin={
foo:function(){alert('This is a test')},
bar:function(){alert('This is another test')}
} $.myPlugin.foo(); $.myPlugin.bar(); $.extend 함수는 jQuery 클래스에 새로운 방법을 추가하는 것 외에 두 개의 재부팅 원형이 있습니다: 1) Jquery의 확장 방법 원형: $.extend(dest,src1,src2,src3...);src1, src2, src3...dest에 합병되면 반환값은 합병된 dest로 이 방법이 합병된 후에 dest의 구조를 수정한 것을 알 수 있다.병합된 결과를 얻으려면dest의 구조를 수정하지 않으려면 다음과 같이 사용할 수 있습니다: var newSrc=$.extend({},src1,src2,src3...)//즉 "{}"을dest 매개 변수로 사용하면 src1,src2,src3...병합을 진행한 다음 병합 결과를 newSrc에 되돌려줍니다. eg: var result=$.extend({}, {name: "Tom",age:21}, {name: "Jerry", sex: "Boy"}), 병합 후 결과:result={name: "Jerry",age:21,sex: "Boy"}, 즉 뒤의 매개 변수가 앞의 매개 변수와 같은 이름이 존재하면 뒤의 매개 변수가 앞의 매개 변수를 덮어씁니다.
2)$.extend(boolean,dest,src1,src2,src3...)또는 $.extend(boolean,{},src1,src2,src3...):작용도 src1, src2, src3...dest에 합치면 반환 값이 합쳐진 dest이고 첫 번째 파라미터는 깊이 귀속 합병을 하는지 여부를 나타낸다. 즉, 첫 번째 파라미터가true이고 여러 대상의 같은 이름의 속성도 대상이면 이'속성 대상'의 속성도 합쳐진다(뒤에 앞의 같은 속성의 값을 덮어쓴다). 만약에 첫 번째 파라미터가false라면또한 여러 개의 대상의 같은 이름의 속성도 모두 대상입니다. 마지막 같은 이름의 속성의 값만 가져옵니다. 예를 들어 var result=$.extend( true, {}, { name: "John", location: {city: "Boston",county:"USA"} }, { last: "Resig", location: {state: "MA",county:"China"} } ); 결과:result={name: "John",last: "Resig",location: {city: "Boston",state: "MA",county: "China"}}var result=$.extend( false, {}, { name: "John", location:{city: "Boston",county:"USA"} }, { last: "Resig", location: {state: "MA",county:"China"} }); 결과는:result={name: "John",last: "Resig",location: {state: "MA",county: "China"}
4.$.fn.extend(object) :$.fn = jQuery.prototype$.fn.xxx는 단일 방법 xxx를 추가하는 데 사용되며 $.fn.extend는 여러 가지 방법을 추가하는 데 사용되며, 효과는 모두 같다.jQuery 대상에 방법을 추가하고 jQuery 대상을 확장합니다. 즉, jQuery 클래스에 '구성원 함수' 를 추가합니다. jQuery 클래스의 실례 대상만 '구성원 함수' 를 호출할 수 있습니다. 예를 들어 $.fn.extend({ alertWhileClick: function () { $(this).click(function() { alert($(this).val()) }) },putblur: function() {$(this).blur(function() {alert($(this).val()})})/$("#input1〃).alertWhileClick();$("#input1〃).inputblur();/$("#input1〃)는 구성원 방법으로 조정하면 현재 편집된 내용이 팝업될 때마다 팝업됩니다.
:
//
(function($) {//플러그인의 정의 $.fn.hilight = function(options) {//build main options before element iteration var opts = $.extend({}, $.fn.hilight.defaults.options);//iteration and reformar each matched element return this.each(function(){ $this = $(this);//build element specific options var o = $.meta ? $.extend({}, opts, $this.data()) : opts; $this.css({ backgroundColor: o.background, color: o.foreground }); var markup = $this.html();//call our format function markup = $.fn.hilight.format(markup); $this.html(markup); }); };//개인 함수: debugging function debug ($obj) {if (window.console & & window.console.log) window.console.log ('hilight selection count: '+ $obj.size ());//노출format 함수 정의 $.fn.hilight.format = function(txt) { return '' + txt + ''; };//플러그인의defaults$.fn.hilight.defaults = { foreground: 'red', background: 'yellow' }; }) }//닫기 끝} (jQuery);//플러그인 사용: $.fn.hilight.defaults.foreground = "blue"; $("myDiv").hilight();
};
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.