jQuery 일반적인 방법 요약
5270 단어 jquery
하나.선택기
1. $("#div1") => id (id )
2. $(".div1") => class (class )
3. $(".div1, p") => ( )
4. $(".div1 ul li") => ( )
5. $(".div1 > ul > li") => ( )
6. $(".div1 ul li:eq(1)") => ( 0 )
7. $('input[name="user"]') =>
8. $(".div1:visible") =>
9. $("input:checked") =>
10. $("select option:selected") => option
둘.선별하다
1. $("div").eq(1) => N ( 0 )
2. $("li").first() =>
3. $("li").last() =>
4. $(".div1").hasClass("selected") => true false
5. $(".div1").children() => ， ，
6. $(".div1").find("span") => .div1 span ( )
7. $(".div1").next() =>
8. $(".div1").nextAll() =>
9. $(".div1").prev() =>
10. $(".div1").prevAll() =>
11. $(".div1").siblings() => .div1
12. $(".div1").parent() => .div1
13. $(".div1").parents(" ") =>
14. $(".div1").find("p").end() =>
셋.CSS
1. $(".div1").css({...}) => css ，
2. $(".div1").width() => ( padding border)，
3. $(".div1").innerWidth() => ( border)，
4. $(".div1").outerWidth() => ，
5. $(".div1").height()
6. $(".div1").innerHeight()
7. $(".div1").outerHeight()
8. $(".div1").offset().left/top =>
9. $("html, body").scrollTop() => ，
넷.이벤트
1. $(".div1").on(" ", ) => ， on
2. $(".div1").off(" ") =>
3. $(".div1").on(" ", " ", ) => ，
오.속성 작업
1. $(".div1").attr() => ， ， ， ， json
2. $(".div1").removeAttr() => ，
3. $(".div1").addClass("selected") => class
4. $(".div1").removeClass("selected") => class
5. $(".div1").html() => html ， ，
6. $("input").val() => ， ，
7. $("input[type='checkbox']").prop("checked") => ， true/false
여섯.문서 처리
1. $(".div1").append() => ， ，
2. $(".div1").after() => ， ，
3. $(".div1").before() => ， ，
4. $(".div1").remove() =>
5. $(".div1").clone() => / false true
일곱핵심
1. each => jQuery .each(function(){}) =>
2. index => jQuery .index() =>
3. length => JQ
4. $(".div1").get(0) => JQ ， js ， $(".div1")[0]
여덟ajax
$.ajax({
type : "POST", //
url : "",//
data : {
//
},// ， Json
success : function(result) {//
if ( result.success ) {
} else {
}
}
});
post 방법
$.post( "",//
{
//
},// ， Json
function(result) {//
if ( result.success ) {
} else {
}
}
);
get 방법
$.get( "",//
{
//
},// ， Json
function(result) {//
if ( result.success ) {
} else {
}
}
);
아홉애니메이션
1. $(".div1").show() =>
2. $(".div1").hide() =>
3. $(".div1").fadeIn() =>
4. $(".div1").fadeout() =>
5. $(".div1").slideUp() =>
6. $(".div1").slideDown() =>
7. $(".div1").animate() => ：1. json 2. 3.
8. stop => jQuery stop
십.도구 방법
1. $.trim(str) =>
2. $.isArray(arr) =>
3. $.inArray("John", arr) => ( -1 )
4. $.proxy() => $.proxy( , )( ) this
자세한 내용은 개인 홈페이지를 참조하십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
