JQuery 빠른 시작(1)

요소를 선택하십시오
$("p#demo") id="demo"의 첫 번째

요소를 선택합니다.
2. 속성 선택기
$("[href='#']") href 값이 "#"과 같은 모든 요소를 선택합니다.
$("[href$='.jpg']") 모든 href 값이 ".jpg"로 끝나는 요소를 선택합니다.
3. CSS 선택기

$("p").css("background-color","red");

요소
$("p.intro")
모든class="intro"의

요소
$(".intro")
모든class="intro"요소
$("#intro")
id="intro"의 첫 번째 요소
$("ul li:first")
각

의 첫 번째
• 요소
  $("[href$='.jpg']")
  ".jpg"로 끝나는 href 속성을 가진 모든 속성
  $("div#intro .head")
  id="intro"의
  요소 중 모든class="head"요소
  $("#intro  #subintro")
  id="intro"의 첫 번째 원소 아래의 id="subintro"의 첫 번째 원소
  JQuery 이벤트 함수 이벤트 함수는 HTML 요소에서 특정 이벤트가 발생할 때 실행을 트리거하는 함수입니다.예를 들면 다음과 같습니다.
  이벤트 함수
  바인딩 함수
  $(document).ready(function)
  문서의 준비 이벤트(HTML 문서가 준비된 경우 사용 가능)
  $(selector).click(function)
  선택한 요소의 클릭 이벤트
  $(selector).dblclick(function)
  선택한 요소의 더블 클릭 이벤트
  $(selector).focus(function)
  선택한 요소의 초점 획득 이벤트
  $(selector).mouseover(function)
  선택한 요소의 마우스 커서 놓기 이벤트
  JQuery 효과
  함수.
  묘사
  $(selector).hide()
  선택한 요소 숨기기
  $(selector).show()
  선택한 요소 표시
  $(selector).toggle()
  선택된 요소 전환(숨기기와 표시 사이)
  $(selector).slideDown()
  선택한 요소를 아래로 슬라이드(표시)
  $(selector).slideUp()
  선택한 요소를 위로 밀어내기(숨기기)
  $(selector).slideToggle()
  선택한 요소의 위쪽 슬라이딩 및 아래쪽 슬라이딩 전환
  $(selector).fadeIn()
  선택한 요소 페이드
  $(selector).fadeOut()
  선택한 요소 페이드 아웃
  $(selector).fadeTo()
  선택한 요소를 주어진 불투명도로 페이드아웃
  $(selector).animate()
  선택한 요소에 대한 사용자 정의 애니메이션 실행하기
  콜백 함수를 특별히 설명해 주세요.
  콜백 매개 변수는hide 작업이 끝난 후에 집착됩니다

  $(selector).hide(speed,callback)

  
  jQuery 페이지 효과 작업
  함수.
  묘사
  $(selector).html(content)
  선택한 요소의 (내부) HTML 변경하기
  $(selector).append(content)
  선택한 요소의 (내부) HTML에 컨텐트 추가하기
  $(selector).prepend(content)
  선택한 요소의 (내부) HTML 사전 설정(Prepend) 컨텐트에
  $(selector).after(content)
  선택한 요소 뒤에 HTML 추가
  $(selector).before(content)
  선택한 요소 앞에 HTML 추가
  CSS 속성
  묘사
  $(selector).css(name,value)
  일치하는 요소의 스타일 속성 값 설정하기
  $(selector).css({properties})
  일치하는 요소의 여러 스타일 속성 설정하기
  $(selector).css(name)
  첫 번째 일치하는 요소의 스타일 속성 값 얻기
  $(selector).height(value)
  일치하는 요소의 높이 설정
  $(selector).width(value)
  일치하는 요소의 폭 설정하기
  jQuery AJAX 요청
  청원
  묘사
  $(selector).load(url,data,callback)
  원격 데이터를 선택한 요소에 불러오기
  $.ajax(options)
  XMLHttpRequest 객체에 원격 데이터 로드
  $.get(url,data,callback,type)
  HTTP GET를 사용하여 원격 데이터 로드
  $.post(url,data,callback,type)
  HTTP POST를 사용하여 원격 데이터 로드
  $.getJSON(url,data,callback)
  HTTP GET를 사용하여 원격 JSON 데이터 로드
  $.getScript(url,callback)
  원격 JavaScript 파일 로드 및 실행