찾다
웹 프론트엔드JS 튜토리얼JS와 JQUERY의 차이점은 무엇입니까?
JS와 JQUERY의 차이점은 무엇입니까?Oct 14, 2017 am 10:29 AM
javascriptjquery무엇

①. 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으로 문의하세요.
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)