
[JS] JQuery(제이쿼리) 선택자와 Event.target(이벤트 타겟)을 활용하여 스타일을 변경해보자.
FrontEnd/JavaScript
2022. 5. 24. 22:47
옛날 신입이 시절에 정리해야지 라고 생각하고 임시저장 해놨던 걸 이제서야 정리해본다. 그때 구현했던 게, 클릭한 텍스트에 fontWeight를 두껍게 주는 기능이었는데.. 해당 코드는 현재 VueJs의 클래스바인딩으로 변경되었으니, 올려도 되겠지 싶어 그냥 올린다. 1년이 넘어 기억은 안나지만, 대충 아래와 같은 기능을 구현하려고 짠 코드 같음.. 1. 제이쿼리 선택자를 활용한 CSS 변경 2. Event.target을 활용한 Style 변경 그래서 오늘은 2가지에 대해 알아보자. 그럼 바로 시작해보자. testFile.html 클릭해보세요 이 html을 가지고 연습해보자. 1. 제이쿼리 선택자를 활용한 CSS 변경 기본문법 $([클래스명 or 아이디명]).css([propertyName], [value..