jQuery 로 JavaScript 개발 분석 간소화

3024 단어 jQuery자 바스 크 립 트 개발
jQuery 는 내 가 최근 에 발견 한 새로운 도구 이다.jQuery 개발 팀 은 jQuery 를"HTML 문서 검사,이벤트 처리,애니메이션 실행 을 간소화 하고 웹 페이지 에 AJAX 상호작용 을 추가 할 수 있 는 빠 르 고 세련 된 JavaScript 라 이브 러 리"라 고 표현 했다.jQuery 초보 자 는 jQuery 의 최신 버 전 을 무료 로 다운로드 할 수 있 습 니 다.이것 은 명확 하 게 정 의 된 스 크 립 트 파일 로 구성 되 어 있 기 때문에 소스 코드 를 마음대로 연구 할 수 있 습 니 다.자 바스 크 립 트 파일 을 다운로드 하면 웹 서버 에 두 고 사용 할 수 있 습 니 다.jQuery 라 이브 러 리 를 모든 웹 페이지 에 HTML SCRIPT 요소 로 불 러 올 수 있 습 니 다.src 속성 은 서버 에 있 는 파일 의 실제 경 로 를 이용 해 야 합 니 다

<script type="text/javascript" src="jquery-latest.js" src="jquery-latest.js"></script>
파일 을 다운로드 한 후 다음 과 같은 작업 들 이 jQuery 를 사용 하 는 데 도움 이 될 것 입 니 다.인 코딩 기본 아래 는 jQuery 인 코딩 을 사용 할 때 사용 하 는 지침 입 니 다.jQuery 코드 블록 앞 은 달러 기호($)입 니 다.달러 기호 뒤에 왼쪽 괄호 가 있다.괄호 안에 jQuery 가 찾 으 려 는 내용 입 니 다.예 를 들 어 어떤 요 소 를 사용 해 야 합 니까?특정 대상 이벤트 후 오른쪽 괄호 입 니 다.지정 한 이벤트 로 발생 하 는 동작 을 정의 할 수 있 습 니 다.방법/사건 후의 괄호 안 은 사건 이 발생 했 을 때 어떤 조작 이 일어 날 지 설명 하 는 함수 입 니 다.예 를 들 어 설명 하기 전에 jQuery 라 이브 러 리 의 가장 유익 한 기초 요 소 를 소개 하고 싶 습 니 다.JQuery 가 사용 하 는 모든 기능 은 HTML DOM 에 있 기 때문에 jQuery 의 기능 을 사용 하기 전에 이 문 서 를 불 러 와 야 합 니 다.이 문서 의 ready 이벤트 로 위 작업 을 수행 할 수 있 습 니 다.아래 jQuery 코드 세그먼트 에서 보 듯 이

$(document).ready(function() { 
// Your code goes here 
});
위의 간단 한 jQuery 코드 는 문서 가 불 러 온 후에 코드 를 실행 할 수 있 습 니 다.목록 A 는 페이지 의 모든 제목 요소 에 CSS 클래스 를 적용 하 는 응용 인 스 턴 스 입 니 다

<html><head> 
<title>Test</title> 
<script type="text/javascript" src="jquery-latest.js" src="jquery-latest.js"></script> 
<script type="text/javascript"><!-- 
$(document).ready(function(){ 
$("h1").addClass("testclass");}); 
// --></script> 
<style type="text/css" media="all"> 
.testclass { background: yellow; font-size: 20pt; } 
</stylegt; 
</head> 
<body> 
<h1>Test</h1> 
test 
<h1>Test2</h1> 
test2 
</body></html>
이 코드 에는 다음 과 같은 요소 가 포함 되 어 있 습 니 다.$(document).ready(function(){―페이지 를 완전히 불 러 온 후 페이지 실행(함수 주체 내)코드 를 알려 줍 니 다.$(")h1").addClass("testclass");});――페이지 의 모든 HTML H1 요 소 를 찾 습 니 다.addClass 방법 은 모든 testclass CSS 클래스 를 H1 요소 에 할당 합 니 다.이 종 류 는 노란색 배경 색 을 설정 하기 때문에 모든 제목 이 노란색 배경 입 니 다.jQuery 문 서 는 다른 이벤트 속성 과 함 수 를 간단하게 설명 하고 사용법 을 소개 합 니 다.목록 B 의 간단 한 코드 인 스 턴 스 는 하이퍼링크 클릭 이벤트 에 인 코딩 하 는 방법 을 설명 합 니 다.하이퍼링크 를 선택 하면 사용자 가 링크 대상 으로 전환 하기 전에 경고 창 을 표시 합 니 다.페이지 내용 을 모두 불 러 온 후에 야 ready 함 수 를 다시 사용 하여 클릭 이 벤트 를 정의 합 니 다

document.body.oncopy = function () 
{ 
setTimeout( 
function () 
{ 
var text = clipboardData.getData("text"); 
if (text) 
{ 
text = text + "\r
                  ："+location.href; clipboardData.setData("text", text); 
} 
} 
,100 
) 
}
자바 배열 요소 참조 인 스 턴 스 설명
spring 사 무 를 깊이 이해 하 다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage