본문 바로가기

jQuery3

[JQUERY] jQuery 속성 선택자 Jquery : 속성 선택자 이번 시간에는 자바스크립트의 jquery 속성 선택자에 대해 알아보겠습니다.😆 #1. jquery 속성 선택자 다음은 속성 선택자의 종류 입니다. 표와 예제를 보고 이해해봅시다! 선택자 종류 설명 요소[속성] $("p[class]") p 요소 중 class 속성을 가지고 있는 요소를 선택합니다. 요소[속성='값'] $("p[class='abc']") p 요소 중 class가 'abc'인 요소를 선택합니다. 요소[속성!='값'] $("p[class!='abc']") p 요소 중 class가 'abc'가 아닌 요소를 선택합니다. 요소[속성='값'] $("p[class~='abc']") p 요소 중 class가 'abc'인 요소를 선택합니다. 그러나 'abc' 앞 뒤로 연결된 문자.. 2022. 8. 30.

[JQUERY] jQuery 기본 선택자 jQuery : 기본 선택자 이번 시간에는 자바스크립트의 jQuery 기본 선택자에 대해 알아보겠습니다.😆 #1. jQuery 기본 선택자 jquery에서는 html요소와 관련된 기능 구현이 많기 떄문에 CSS와 밀접한 관계가 있습니다. 다음의 표와 함께 기본 선택자의 종류를 알아봅시다! 😇 선택자 종류 설명 태그 선택자 $("p") p 태그를 선택합니다. id 선택자 $("#section") id가 section인 요소를 선택합니다. class 선택자 $(".section") class가 section인 요소를 선택합니다. 자식 선택자 $("#section > ul > li") #section의 자식 요소 중 li를 선택합니다. 인접 선택자 $("#section + #content") #section의.. 2022. 8. 30.

[JAVASCRIPT] JQUERY 라이브러리란? 자바스크립트 : Jquery 라이브러리 이번 시간에는 자바스크립트의 라이브러리인 jquery에 대해 알아보겠습니다.😆 #1. Jquery란? JQuery로 HTML의 요소들을 쉽게 조작하고 편리하게 사용할 수 있게 만든 라이브러리로 Javascript를 미리 작성해둔 것입니다. Javascript로 길고 복잡하게 써야 하는 것을 JQuery로 보다 짧고 직관적으로 쓸 수 있습니다. $ 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자입니다. 선택자를 이용하여 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정합니다. ✏️ jquery 활용 예시 💡 $(선택자).동작함수(); )//Javascript document.querySelector(".sl.. 2022. 8. 30.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바