Li Yanhui jquery 기본 동영상 자료 공유

jQuery는 Prototype 이후의 또 다른 뛰어난 JavaScript 코드 라이브러리(또는 JavaScript 프레임워크)인 빠르고 간결한 JavaScript 프레임워크입니다. jQuery 디자인의 목적은 "적게 작성하고 더 많이 수행"입니다. 이는 더 적은 코드를 작성하고 더 많은 작업을 수행한다는 의미입니다. 일반적으로 사용되는 기능 코드를 JavaScript로 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화합니다.

영상 재생 주소 : http://www.php.cn/course/384.html

jQuery 학습의 핵심과 어려운 점 :

1 웹 요소 선택

기본 디자인 및 메인 "웹 페이지 요소를 선택한 다음 이에 대해 일부 작업을 수행하는" jQuery의 사용법입니다. 이는 다른 함수 라이브러리와 구별되는 기본 기능입니다.
　jQuery를 사용하는 첫 번째 단계는 종종 선택 표현식을 생성자 jQuery()(약어로 $)에 넣은 다음 선택한 요소를 가져오는 것입니다.

선택 표현식은 CSS 선택기가 될 수 있습니다.

$(document)//전체 문서 개체 선택
$('#myId')//ID가 myId인 웹 페이지 요소 선택
$('div.myClass ')/ /myClass 클래스가 있는 div 요소를 선택합니다.
$('input[name=first]')//name 속성이 first와 동일한 입력 요소를 선택합니다.

jQuery 관련 표현식일 수도 있습니다.

$ ('a:first' )//웹 페이지에서 첫 번째 a 요소 선택
$('tr:odd')//테이블의 홀수 행 선택
$('#myForm :input')// 형식의 입력 요소
$('div :visible') //표시된 div 요소 선택
$('div:gt(2)')//처음 세 개를 제외한 모든 div 요소 선택
$('div:animated ')//현재 애니메이션 상태 div 요소 선택
　
2. 결과 세트 변경
여러 요소가 선택된 경우 jQuery는 결과 세트 범위를 좁힐 수 있는 필터를 제공합니다.

* $('div').has('p' ); //p 요소의 div 요소 선택
* $('div').not('.myClass') //클래스가 myClass와 같지 않은 div 요소 선택
* $('div') .filter('.myClass'); // 클래스가 myClass와 동일한 div 요소를 선택합니다.
* $('div').first() //첫 번째 div 요소를 선택합니다.
* $('div'). eq(5); //6번째 div 요소 선택
때로는 결과 집합에서 시작하여 근처의 관련 요소로 이동해야 합니다. jQuery는 DOM 트리에서 이동하는 방법도 제공합니다.

$('div') .next('p'); //div 요소 다음의 첫 번째 p 요소 선택
$('div').parent() //div 요소의 상위 요소 선택 $('div').closest ('form'); //div에 가장 가까운 것을 선택합니다. 양식 상위 요소
$('div').children() //div의 모든 하위 요소 선택 $('div').siblings() ; //div의 형제 요소 선택

위 내용은 Li Yanhui jquery 기본 동영상 자료 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!