【jQuery/Selector #3】Attribute Contains Prefix Selector [name|=”value”] 1. Description 기본적으로 속성값의 전체 문자열이 같은 요소들을 선택하지만, [시작문자열]다음에 '-'(하이픈)기호가 들어 있는 요소도 선택한다. 2. Example #1버튼을 클릭하면 name속성이 UTF-8로 되어 있는 Element를 찾아서 배경색을 변경하고, #2버튼을 클릭하면 name속성이 UTF이거나, UTF로 시작하면서 '-'(하이픈)으로 연결되는 Element를 찾아서 배경색을 변경한다. JavaScript/jQuery 2023.02.21
【jQuery/Selector #2】:animated Selector 1. Description jQuery(":animated") 현재 움직이고 있는 요소를 선택한다. 2. Example [Exchange Position]버튼을 클릭하면 두 개의 박스가 서로 자리를 교환하기 시작하고, 버튼은 disabled된다. [Change Border]를 클릭하면 박스의 border가 변경된다. [Initialize Border]를 클릭하면 박스의 border가 초기화된다. ※ 박스가 움직이지 않는 상태에서는 [Change Border], [Initialize Border]버튼을 클릭해도 박스가 선택되지 않는다. JavaScript/jQuery 2023.02.20
【jQuery/Selector #1】All Selector (“*”) 1. Description jQuery("*") 부모 Element하위에 있는 모든 자식 Element를 찾는다. 2. Example #1버튼을 클릭하면 태그 하위의 모든 Element를 찾아서, 태그이름과 텍스트를 표시한다. JavaScript/jQuery 2023.02.19