반응형

셀렉터 2

jQuery Selector 지정한 단어있는 요소 찾기

이 selector는 찾고자 하는 속성 값의 단어와 비교를 합니다. 여기서 단어는 공백으로 구분 된 문자열로 정의됩니다.임의의 단어와 정확히 일치하면 되는 것이지요.우선 예제를 보시죠. 예제) 실행결과) attributeContainsWord demo 설명)4개의 input 박스에 각각의 이름이 지정되어 있는데, 2번째 이름이 "milk man"이라고 되어 있습니다. milk와 man사이에 공백이 있지요.$( "input[name~='man']" )는 input 태그 요소들 중에 name 문자열 안에 공백으로 구분 되었을 때 정확히 일치하는 요소를 찾게 되는 것입니다. 자! 그럼 첫 번째 input 박스의 name을 "man -news"로 바꾸고, 네 번째 input 박스의 name을 "man"으로 바꾸..

development/script 2018.03.10

[jQuery] SELECTOR

jQuery에서 가장 흔하게(?) 많이 사용하는 기능 중에 하나 바로 셀렉터라고 해도 과언이 아니죠.그 중에서도 기초가 되는 몇 가지만 뽑아서 정의해 보겠습니다. 1. 요소 선택기 (태그 선택기) html 안에 있는 모든 P태그를 찾습니다. $("P") 2. ID 선택기 이와 같은 name이 같은 요소가 존재한다면 id attribute를 추가하여 유일한 ID값을 지정 후 아래와 같이 아이디 앞에 #을 추가하여 사용합니다. $("#abc1") 3. .class 선택기 CSS의 class값을 지정한 element만 찾고 싶다면 아래 같이 class명 앞에 .(마침표)를 추가하여 사용합니다.$(".text_box"); 4. 전체 선택기 html상에서 전체 요소를 찾기는 경우는 극히 드물다고 보는데 아무쪼록 ..

development/script 2018.03.05
반응형