> 웹 프론트엔드 > JS 튜토리얼 > jquery 사용자 정의 함수의 다양한 방법_jquery

jquery 사용자 정의 함수의 다양한 방법_jquery

WBOY
풀어 주다: 2016-05-16 17:04:41
원래의
1116명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

//메서드 정의
$.windowbox = {
//aa 메소드 정의
aa: function(){
alert("aa")
},


//bb 메소드 정의
bb: function(){
alert("bb");
}
}
$.windowbox.aa() //$.windowbox에서 aa 메소드 호출

코드 복사 코드는 다음과 같습니다.

// 매개변수 전달
var aa = function(x ){
//객체 x에서 aa 변수와 bb 변수를 팝업합니다
alert(x.aa "I Successed" x.bb);
}
$. windowbox = aa;

$.windowbox({
aa: "하하",
bb: "라라"
})

코드 복사 코드는 다음과 같습니다.

방법 1:
jQuery.fn.setApDiv=function () {
//apDiv float 레이어 표시 위치 중심 제어
var wheight=$(window).height()
var wwidth=$(window).width()
var apHeight=wheight -$("#apDiv") .height();
var apWidth=wwidth-$("#apDiv").width()
$("#apDiv").css("top", apHeight/2);
$("#apDiv").css("left",apWidth/2);
}

호출 방법: $("#apDiv") .setApDiv();
코드 복사 코드는 다음과 같습니다.

방법 2:
//jQuery 애플리케이션 확장
jQuery .extend({
//Set apDiv
setApDiv:function () {
//apDiv 부동 레이어 표시 위치 중심 제어
var wheight=$ (window).height();
var wwidth=$(window).width();
var apHeight=wheight-$("#apDiv").height()
var apWidth=wwidth -$("#apDiv").width( );
$("#apDiv").css("top",apHeight/2)
$("#apDiv").css("왼쪽 ",apWidth/2);
}
});
호출 메서드: $.setApDiv();

$.extend({ 'aa':function(){}}), 이는 $.aa()를 호출할 때의 경우이고, 다른 하나는 $.fn.extend({'aa':function(){}})입니다. 호출 방법, $(this).aa()
코드 복사 코드는 다음과 같습니다.

방법 3:

$.postJSON = function(url, data, callback) {
$.post(url, data, callback, "json")
}; 🎜>호출 방법: $.postJSON('/post/getsecurejsonpost',{ }, function(data) {})

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿