jQuery 바보

3156 단어 jQuery입문 강좌
JS 를 할 수 있 습 니 다.돌아 가세 요.본 고 는 당신 에 게 너무 바보 입 니 다.HTML 과 CSS 가 아 닙 니 다.돌아 가세 요.아래 내용 을 못 알 아 볼 수도 있 습 니 다.(영어 도 조금 할 줄 아 는 것 이 좋 습 니 다.그렇지 않 으 면 귀 찮 습 니 다)jQuery 가 무엇 입 니까?jQuery 는 자바 스 크 립 트 라 이브 러 리 입 니 다.바보 해석 은 자바 스 크 립 트 도구 상자 입 니 다.이미 만들어 진 도구 가 많 습 니 다.사용 하고 싶 은 것 을 가 져 갑 니 다.코드 를 다시 만 드 는 고민 을 덜 어 주 고 나 같은 JS 바보 에 게 는 더 쉽게 손 을 쓸 수 있 습 니 다.jQuery 는 무엇 을 할 수 있 습 니까?그 는 당신 의 페이지 에 놀 라 운 동적 효 과 를 많이 낼 수 있 습 니 다.쉽게 말 하면 당신 의 사 이 트 를 더욱 아름 답 게 만 드 는 것 입 니 다.여 기 는 다양한 효과 가 있 습 니 다.보기>>jQuery 를 어떻게 사용 합 니까?쉽게 말 하면 페이지 에서 jQuery 라 이브 러 리(js 파일)를 호출 하면 그 중의 도 구 를 편리 하 게 사용 할 수 있 습 니 다.(사용 할 때 다른 js 가 jQuery 의 도 구 를 호출 해 야 합 니 다)원 하 는 효 과 를 실현 할 수 있 습 니 다.STEP 1:원 하 는 효 과 를 찾 습 니 다.본 사이트 의 효 과 는 모두 두 곳 에서 나 옵 니 다.sonicHTML,jQuery tools.인터넷 상에 서 더 많은 효과 가 있 으 니 시간 을 쓰 고 싶다 면 다른 곳 을 찾 아 보 세 요.두 번 째 단계:스 크 래 치 코드 는 먼저 스 크 래 치 코드 이기 Firefox+firebug 를 추천 합 니 다.없 으 면 빨리 가 봐!코드 를 벗 기 는 데 는 두 곳 을 매우 조심해 야 한다!1.정적 페이지 의 html 와 css 는 firebug 로 페이지 에서 원 하 는 부분의 HTML 과 CSS 코드 를 추출 합 니 다.이 부분의 id 와 class 는 절대 움 직 이지 마 세 요.원상 태 로 유지 하 세 요!또한,당신 이 원 하 는 HTML 요소 앞 에 빈
,예 를 들 어 이 효과>>가 있 을 수 있 습 니 다.절대 빠 뜨리 지 마 세 요!2.의 js(1)호출 된 js 에서 js 의 파일 이름 에'jQuery'가 있 을 것 입 니 다.이 파일 의 코드 를 직접 복사 하여 자신의 파일 로 바 꿀 것 입 니 다.(2)에 또 다른 js 가 있 을 것 입 니 다.이 js 에는 다음 과 같은 코드 가 있 습 니 다.$(document).ready(function(){/중간 은 다른 코드});이 js 는 호출 된 외부 파일 일 수도 있 고 head(body 에서 도 가능 하지만 가능성 이 낮 습 니 다)에서형식 으로 나타 날 수도 있 습 니 다.이 부분 은 반드시 이전 HTML 의 id 나 class 가 나타 날 것 입 니 다.반드시 일치 해 야 합 니 다.다른 이름 을 사용 하려 면 HTML 과 js 를 동기 화 하 는 것 을 기억 해 야 합 니 다.다 르 면 성공 을 눈앞 에 두 어야 합 니 다.세 번 째 단 계 는 로 컬 테스트 와 잘못된 로 컬 새 HTML,CSS,JS 를 수정 하고 파 헤 친 코드 를 모두 넣 으 며 호출 할 파일 을 모두 호출 합 니 다.감동적인 순간 이 왔 다!브 라 우 저 로 정적 페이지 를 열 어 효과 가 있 는 지 확인 합 니 다.나 오 면 축하 해!다음 단계 에 들 어가 서 당신 의 물건 으로 개조 하 세 요!만약 에 안 나 왔 으 면 자세히 검사 해 보 세 요.(1)HTML 에서 오류 가 발생 할 수 있 는 부분:① HTML 에 있 는 id 나 class 를 수 정 했 습 니 다.[해결 방법:원래 의 것 으로 바 꾸 기]② 빈
[해결 방법:당신 이 벗 긴 HTML 을 검사 하고 앞 뒤에 시간 이 있 는 지 확인 하 세 요.있 으 면 추가 해 보기](2)JS 에서 오류 가 발생 할 수 있 는 부분:① 호출 경로 오류[해결 방법:효과 적 인 호출 경로 로 수정 하여 js 와 HTML 을 함께 놓 는 것 이 가장 편리 함]② ready(위 에 상세 한 코드 가 있 음)라 는 js(외부 파일 일 수도 있 고 head 의 코드 일 수도 있 음)[해결 방법:원래 정적 페이지 에서 ready 가 있 는 이 코드 를 찾 습 니 다.③ ready 의 id 나 class 와 HTML 의 불일치[해결 방법:원래 HTML 과 js 에서 대응 하 는 관 계 를 찾 아 일치 로 수정]네 번 째 단계:HTML 과 css 를 수정 하고 자신의 것 이 되 는 단 계 는 고정 적 인 방법 이 없습니다.수정 하고 싶 은 대로 수정 하 세 요.하지만 HTML 의 id 하 class 가 js 와 대응 하 는 지 주의 하 세 요!다섯 번 째 단계:자신의 페이지 에 가입 하 는 것 은 거의 할 말 이 없 지만 wp 사용자 에 게 한 마디 하고 싶 습 니 다.외부 파일 호출 은 모두 테마 폴 더 의 header.phop 에 있 습 니 다.(저 는 반나절 만 찾 았 습 니 다~~~)첨부:1jQuery 홈 페이지 의 완전한 튜 토리 얼(상세,배우 고 싶 은 추천 자세히 보기)>>2jQuery tools 의 입문 매 뉴 얼(짧 고 간결 하 며 빠 른 입문 을 원 하 는 강 한 추천)>>>3sonicHTML(greader 에서 구독 하 는 블 로그,사례 와 데모 가 자주 있 습 니 다.실 용적 입 니 다)>>>

좋은 웹페이지 즐겨찾기