안녕하세요.
웹 디자인을 시작한 지 얼마 되지 않은 초보라 어리석은 질문으로 보여도 양해를 부탁드립니다.
<!-- Index --> <Body><box /> </Body>
<!-- Component --> <div class="box"><div class="icon"><i class="icon_A" /></div><div class="text"><h1>Hello, World!</p><p>Hello, World!</p></div></div>
이런 코드 상에서 인덱스 상에서 속에 있는 텍스트와 i의 클래스를 어떻게 변경하는지 궁금합니다. 감사합니다.
https://yeeiop.tistory.com/entry/jQuery-Class-%EB%A9%94%EB%89%B4-%ED%81%B4%EB%A6%AD-%EC%8B%9C-%EC%95%84%EC%9D%B4%EC%BD%98%ED%81%B4%EB%9E%98%EC%8A%A4-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0
이런식으로 하심될듯 하네요.
서버사이드(php, jsp 등 서버측에서 돌아가는 스크립트)에서 태그 이름 출력할때 class="" 안을 바꾸면 됩니다. 굳이 자바스크립트까지 해서 복잡하게 할 필요 없습니다.
2) 페이지 로드 언로드 안된 상태에서 동적으로 바꾸고 싶다.
자바스크립트로 조작해야 합니다. 대상 태그에 id 부여되어 있다면 document.getElementById('id').className='클래스명' 으로 바꿀 수 있습니다.
id 부여 안했다면 DOM 뒤져야 하기 때문에 아주 복잡한 코드 나올겁니다.
그리고 jQuery 안쓰고도 가능하지만, 업무에서 쓴다면 앞에분 말씀대로 jQuery 쓰는게 유리합니다. 코드가 간략해진만큼 빨리 만들 수 있거든요.