JQuery HTML 요소 삽입
제이쿼리 선택자를 활용해서 해당 클래스를 선택하고. after() 메소드를 활용해서 요소를 추가하는 방법입니다. 아래의 예제는 매우 간단하지만 매우 효과적으로 활용할 수 있는 예제입니다. 어떻게 활용할지는 상상에 맡기겠습니다.
$(".s75CSd").after(",");
활용
위와 같이 확장 프로그램을 활용해서 해당 제이쿼리 메소드를 적용합니다. 각 요소 끝에 콤마를 추가하려고 합니다. 콤마를 추가하게 되면 해시태그 등을 쉽게 구분하여 적용하기가 편해집니다.
적용 예시
해당 메소드를 활용해서 콤마를 추가해 준 모습입니다. 이렇게 하면 구글에서는 각 키워드와 관련된 관련 검색어를 쉽게 활용할 수 있습니다. 관련 검색어는 일정한 트래픽을 보장해주기 때문에 놓치기 아쉬운 키워드입니다. 위의 메소드 외에도 요소를 추가하거나 변경할 수 있는 before, after, prepend, append 등을 활용해서 응용 할 수 있습니다.
관련 콘텐츠 같이 보기
JQuery 선택자(Selector)
JQuery 선택자(Selector) JQuery 선택자입니다. 돔(DOM) 구조에서 여러가지 조건에 따라 선택할 수 있는 선택자입니다. 전체를 선택하거나, 특정 ID를 선택하거나 태그 또는 클래스를 선택할 수 있는 조
creativestudio.kr
JavaScript(JQuery) 선별선택자·복수선택자
자바스크립트 내에서 제이쿼리(JQuery) 선택자를 사용할 때, 단일로 사용할 때는 아래와 같이 사용한다. $(.class) : 클래스 선택자 $(#ID) : ID 선택자 $(input:[name='name 값']) 그렇다면 복수의 경우에는 어
creativestudio.kr
'Web Development > JavaScript' 카테고리의 다른 글
| 티스토리 특정 카테고리에서만 나타나는 이미지 추가 방법 (0) | 2022.08.07 |
|---|---|
| 복사방지 자바스크립트 (0) | 2021.09.23 |
| 한글/영어/숫자 추출 자동화 온라인 도구 (0) | 2021.07.17 |
| 랜덤 단어/이름 자바스크립트 예제 - 무작위 추출 (0) | 2021.07.17 |
| 티스토리 키보드 단축키 수정/추가 - ProcessShortcut 기능 (0) | 2021.07.17 |
| 특정 페이지 및 카테고리의 HTML 구조를 변환하기 (IF조건문) (0) | 2021.07.17 |
| [JavaScirpt] 자바스크립트로 오늘 날짜 출력하기 (0) | 2021.07.17 |
| [JavaScript] 팝업 창 오늘 그만 보기 (0) | 2021.07.17 |
