52일차 시작....

조동현·2022년 9월 15일
0

[교육] JQuery

목록 보기
1/1
post-thumbnail

📌 JQuery

  • JQuery
    - 자바스크립트를 짧게 작성하고 많은 기능을 사용할 수 있도록 하는 자바스크립트 기반 문법
    - $("선택자") 의 반환값은 Array이다.
    - 반환 Array는 JQuery 기능이 추가된 Array이다.
    - action() 함수는 Array에 담겨진 선택된 요소들에게 일괄적으로 적용된다.
    - 선택된 요소에 action을 여러 개 지정할 수 있다.


📌 JQuery 문법

  • 기본 문법
    $("선택자").action()

  • 문법

- $("선택자").text("aa") : 선택자의 내부 텍스트를 "aa"로 변경한다.
- $("선택자").text() : 선택자의 내부 텍스트를 가져온다.

- $("선택자").css("color", "blue") : 선택자의 텍스트 색상을 blue로 변경한다.
- $("선택자").css("background-color", "blue") : 선택자의 배경색을 blue로 변경한다.

- $("선택자").text("aa").css("color", "blue") : 선택자의 action을 여러개 지정할 수 있다.

- $("선택자").on('click', function() {로직....}) : 이벤트 리스너를 수행한다.

- $("선택자").val() : 현재 선택자 요소에 입력되거나 존재하는 텍스트를 가져온다.
- $("선택자").val("value값") : 현재 선택자 요소에 지정한 value값을 입력한다.



profile
데이터 사이언티스트를 목표로 하는 개발자

0개의 댓글