>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 라이브러리 비교 (1) DOM function_javascript 스킬

자바스크립트 라이브러리 비교 (1) DOM function_javascript 스킬

WBOY
WBOY원래의
2016-05-16 18:30:161208검색
1, 프로토타입 라이브러리

document.getElementById()를 $로 단순화하는 최초의 라이브러리입니다.

예: 원본 var myele=document.getElementById('id')는 var myele=$('id')

또한 $는 일부 기능을 확장합니다

예: var eleArray=$('id1','id2','id3','id4') 는 4개의 객체가 포함된 배열을 반환할 수 있습니다.

이 함수 라이브러리는 $ 외에도 클래스 이름에 따라 요소를 찾는 getElementsByClassName 메소드, 클래스 이름을 추가하는 addClassName 메소드, 클래스 이름을 제거하는 등의 메소드를 제공합니다. 사용.

2, jQuery

프로토타입보다 강력합니다.

예:
document.getElementById()==>$('#money')

document.getElementsByTagName==>$('p')

동일한 클래스 이름을 가진 요소 집합을 반환합니다: $('.money')

CSS처럼 파생될 수 있습니다: $("#content table.dateTable")

제공 jQuery 라이브러리 CSS 규칙 구문 분석 기능은 놀랍고 css1, css2, css3 및 XPath의 대부분의 선택기를 지원합니다.

3, DoJo 프로그램 라이브러리

id를 기반으로 요소 객체 가져오기: var Money=Dojo.byId('money')

Get 클래스 이름 Element:Dojo.html.getElementByClass()를 기반으로 합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.