SeouliteLab

예제 1: 특정 단어를 포함하는 속성값을 가진 요소 선택 특정 단어를 포함하는 요소 포함하지 않는 요소 설명: 이 예제는 jQuery의 속성값이 특정 단어를 포함하는 요소를 선택하는 방법을 보여줍니다. [class~='highlight']는 class 속성값에 "highlight"라는 단어가 포함된 모든 요소를 선택합니다. 선택된 요소에 CSS를 적용하여 배경색을 노란색으로 변경합니다. 예제 2: 특정 단어를 포함하는 요소에 이벤트 추가 특정 단어를 포함하는 요소 포함하지 않는 요소 설명: 이 예제는 jQuery의 속성값이 특정 단어를 포함하는 요소에 클릭 이벤트를 추가하는 방법을 보여줍니다. [class~='highlight']는 class 속성값에 "highlight"라는..

예제 1: 특정 문자열을 포함하는 속성값을 가진 요소 선택 예시 링크 다른 링크 설명: 이 예제는 jQuery의 속성값이 특정 문자열을 포함하는 요소를 선택하는 방법을 보여줍니다. $("[href*='example']")는 href 속성값에 "example"이라는 문자열이 포함된 모든 요소를 선택합니다. 선택된 요소에 CSS를 적용하여 색상을 파란색으로 변경합니다. 예제 2: 특정 문자열을 포함하는 요소에 이벤트 추가 예시 링크 다른 링크 설명: 이 예제는 jQuery의 속성값이 특정 문자열을 포함하는 요소에 클릭 이벤트를 추가하는 방법을 보여줍니다. $("[href*='example']")는 href 속성값에 "example"이라는 문자열이 포함된 모든 요소를 선택합니다. ..

예제 1: 특정 접두사를 가진 속성값을 포함하는 요소 선택 설명: 이 예제는 jQuery의 속성값이 특정 접두사를 포함하는 요소를 선택하는 방법을 보여줍니다. $("input[name|='user']")는 name 속성값이 "user" 또는 "user-"로 시작하는 input 요소를 선택합니다. 선택된 input 요소에 CSS를 적용하여 테두리를 빨간색으로 변경합니다. 예제 2: 특정 접두사를 가진 속성값을 가진 요소에 이벤트 추가 HTTPS 링크 HTTP 링크 설명: 이 예제는 jQuery의 속성값이 특정 접두사를 포함하는 요소에 클릭 이벤트를 추가하는 방법을 보여줍니다. $("a[href|='https']")는 href 속성값이 "https://"로 시작하는 a 요소를 선..