①. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!