>웹 프론트엔드 >JS 튜토리얼 >JS와 JQUERY의 차이점은 무엇입니까?

JS와 JQUERY의 차이점은 무엇입니까?

一个新手
一个新手원래의
2017-10-14 10:29:031734검색

①. ID를 기반으로 요소 가져오기

{

JS: 얻는 것은 DOM 개체입니다.

예: var p = document.getElementByID("one");

JQUERY: 얻은 것은 JQUERY 개체입니다.

예: var p = $("#one");——대괄호는 항목을 기준으로 검색하는 데 사용되며 이는 선택 항목과 동일합니다. ID를 기준으로 검색하려는 경우 스타일 시트의 ID는 다음과 같습니다. #으로 표시되므로 여기서는 파운드 기호를 직접 가져옵니다. 전체 문장은 하나의 ID를 기준으로 검색한다는 의미입니다.

}

②. 클래스에 따라 요소를 가져옵니다. DOM 개체를 배열로 가져오려면 index 메서드를 사용하세요. JQUERY 개체를 가져오려면 eq()

{

JS: 얻는 것은 배열입니다

  예 :var p = document.ElementsByClassName("test");

JQUERY:

예: var p = $(".test");

}

3. 이름을 기준으로 요소 가져오기

{

JS: 반환되는 것은 배열입니다

예: var bd = document.getElementsByName(uid);

JQUERY: 방법은 대괄호를 사용하는 것입니다. 속성 = 값입니다. 이름을 기반으로 값을 가져오는 데 제한이 없습니다. JQUERY는 요소 가져오기

예: $("[name='uid']");

}

④에 따라 요소를 가져옵니다. 태그 이름

{

JS: 반환된 값도 배열입니다

예: var p = document .getElementsByTagName("p");

JQUERY: 스타일의 모든 p에 스타일을 추가하는 것과 같은 방식 시트에 큰따옴표 안에 태그 이름을 직접 입력하세요

예: $("p");

}

Attachment :JQUERY의 다른 값 방법

조합 선택: var p = $("pspan");— — 조합 방법은 다양해요

************************ ****************** ******************************

작업 내용

 ①. 비형식 요소(텍스트인 경우 text 방식, html 코드라면 html 방식을 사용하세요)

  

   p.text("aaaa");——매개변수가 있으면 할당

   p.html();——있을 때 매개변수가 없으면 값입니다

   p.html("aaaa");—— —매개변수가 있으면 할당

  }

 ②입니다. 양식 요소

  {

   JS: p.value;— —Value; p.value = xxx;——Assignment

   JUQERY: p.val( );——매개변수가 없으면 값이고, 매개변수가 있으면 할당입니다.

  }

************************************************ *** ************************

속성 조작

JS에서 속성을 조작하는 데 사용되는 메소드는

p.setAttribute("" ,""); ——속성 설정 및 속성 수정

p.removeAttribute("");——속성을 제거하고 따옴표 안에 속성 이름 쓰기

p.getAttribute();——속성 가져오기

사용 위치 속성을 작동하는 JQUERY Method

속성 추가: p.attr("test","aa");——이 attr 메서드에 매개변수를 추가합니다. 속성 이름은 test이고 속성 값은 aa

속성 제거 : p.removeAttr("test ");——테스트 속성 제거

속성 가져오기: p.attr("test");——attr 메소드에 직접 속성 이름을 작성하세요

*** **** ********************************************** ***** **********

작업 스타일

JS의 작업 스타일 키워드는 style

예: p.style.BackgroundColor = "red";——배경색 설정 이 p의 작업 스타일에 대한 키워드는 빨간색

JQUERY는 css

예: p.css("Background-color","yellow");——이 p의 배경색을 노란색으로 변경하고 모든 여기 CSS의 스타일은 CSS 스타일 시트의 스타일과 아무런 변화 없이 똑같습니다

 JS 스타일 운영 방식은 인라인 스타일만 얻을 수 있고 내장 스타일이나 외부 스타일은 얻을 수 없습니다! ! ! ! !

  JQUERY의 운영 스타일 방식은 인라인 또는 임베디드일 수 있습니다

위 내용은 JS와 JQUERY의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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