jQuery 기초 지식 소결 학습

2910 단어 jQuery학습 기초
jQuery 학습 노트:jQuery 학습 1,기본 문법:$(selector).action()$:정의 jQuery selector:선택 문자,검색 및 HTML 요소 action():요소 에 대한 실행 인 스 턴 스:$(this).hide()---현재 요소 숨 기기$("p"),hide()------모든 p 요소$("\#ID")를 숨 깁 니 다.hide()---id=ID 를 숨 기 는 요소$("p.Class")---class=Class 를 숨 기 는 P$(document).ready(function(){---});문서 가 불 러 오지 않 는 것 을 방지 하기 위해 jQuery 코드 를 실행 합 니 다.2.선택 기 는 속성 을 통 해 요소$("[href]")를 선택 하고 href 속성 을 가 진 모든 요소$("[href='AA']")를 선택 하여 속성 href='AA'의 요소$("[href!="AA']")모든 href 를 선택 하 세 요!="AA'의 요소$("[href$=".jpg")는 모든 href 값 을.jpg 로 끝 나 는 요소 3 을 선택 하고 선택 기 는 Css 속성$("p").css("background-color","red")를 선택 합 니 다.모든 p 요소 의 배경 색 을 빨간색$("div\#ID.Class")id=ID 의 div 요소 중 모든 class=Class 요소 4,이름 충돌 var jQMy=jQuery.noConflict()yong jQMy 대신$5,상용 이벤트$(document).ready(function)문서 의 준비 이벤트$(selector).click(function)선 택 된 요소 의 클릭 이벤트$(selector).dblclick(function)선 택 된 요소 의 더 블 클릭 이벤트$(selector).focus(function)선 택 된 요소 가 초점 이벤트$(selector).mouseover(function)선 택 된 요소 마우스 서 스 펜 션 이벤트 6,jQuery 효과$(selector).hide()는 선 택 된 요소$(selector)를 숨 깁 니 다.show()는 선 택 된 요소$(selector)를 표시 합 니 다.toggle()전환(숨 김 과 표시 사이)선 택 된 요소$(selector).slideDown()아래로 미 끄 러 짐(표시)선 택 된 요소$(selector).slideUp()은 선 택 된 요소$(selector)를 위로 미 끄 러 짐(숨 김)합 니 다.slideToggle()은 선 택 된 요소 에 대해 위로 미 끄 러 짐 과 아래로 전환 합 니 다.슬라이더$(selector).fadeIn()은 선 택 된 요소$(selector).fadeOut()은 선 택 된 요소$(selector)를 페이드아웃 합 니 다.fadeTo()는 선 택 된 요 소 를 주어진 불투명 도$(selector).animate()로 페이드아웃 합 니 다.선 택 된 요소 에 대해 사용자 정의 애니메이션 매개 변 수 를 실행 합 니 다."slow","fast","normal"또는 밀리초 반전 함수:callback$("p").hide(1000,selector)function(){ alert("The paragraph is now hidden"); }); 7、jQuery 의 HTML 동작$(selector).html(content)선택 한 요소 의(내부)HTML$(selector).append(content)를 선택 한 요소 의(내부)HTML 에 추가 내용$(selector).prepend(content)를 선택 한 요소 의(내부)HTML'프 리 셋'(Prepend)내용$(selector).after(content)를 선택 한 요소 뒤에 HTML$(selector).before(content)를 추가 합 니 다.선택 되 기 전에 HTML 8,jQuery 의 CSS 동작$(selector).css(name,value)요소 와 일치 하 는 스타일 속성 을 설정 하 는 값$(selector).css({properties})는 요소 와 일치 하 는 여러 스타일 속성$(selector).css(name)를 설정 하여 첫 번 째 일치 하 는 요소 의 스타일 속성 값$(selector)를 얻 습 니 다.height(value)는 요소 와 일치 하 는 높이$(selector)를 설정 합 니 다.width(value)는 요소 와 일치 하 는 너비 9,jQuery AJAX 요청$(selector)를 설정 합 니 다.load(url,data,callback)원 격 데 이 터 를 선 택 된 요소 에 불 러 옵 니 다$.ajax(options)원 격 데 이 터 를 XML HttpRequest 대상 에 불 러 옵 니 다$.get(url,data,callback,type)원 격 데 이 터 를 HTTP GET 로 불 러 옵 니 다$.post(url,data,callback,type)원 격 데 이 터 를 HTTP POST 로 불 러 옵 니 다$.getJSON(url,data,callback)원 격 JSON 데 이 터 를 HTTP GET 로 불 러 옵 니 다$.getScript(url,data,callback)callback)원 격 JavaScript 파일(selector)jQuery 요소 선택 기 문법(url)이 불 러 온 데이터 의 URL(주소)(data)이 서버 에 보 낸 데이터 의 키/값 대상(callback)을 불 러 올 때 실 행 된 함수(type)가 되 돌아 오 는 데이터 형식(html,xml,json,jasonp,script,script)text)(options)전체 AJAX 가 요청 한 모든 키/값 쌍 옵션

좋은 웹페이지 즐겨찾기