Programing/Others 썸네일형 리스트형 [jquery] contains 특정단어 찾기 contains selectorjQuery(':contains(text)')text text 에 해당하는 문자열을 찾습니다. 대소문자를 구별합니다.이 선택자는 괄호안의 텍스트와 일치하는 문자열이 요소의 내용 중에 있을 때 그 요소를 반환합니다. 말이 좀 어렵네요. 예제를 보시면 아주 간단합니다.단, 대소문자를 구분합니다.예 제 소스닫기 div 영역의 내용 중에 'John' 이라는 글자가 있으면 그 영역의 텍스트에 밑줄을 칩니다. John Resig George Martin Malcom John Sinclair J. Ohn 미리보기 출처 : http://findfun.tistory.com/92 더보기 [jquery] parent > child 선택자 Child Selector (“parent > child”)jQuery('parent > child')parent 유효한 선택요소child parent 에 속한 자식 요소parent > child 는 스타일시트의 표현방식입니다. parent 에 속하는 child 요소에 어떤 스타일을 주고 싶을 때 사용됩니다. 그런데 이 CSS 방법은 IE6 버젼에서는 호환이 되지 않습니다. 그러나 이 선택 방법을 이용하여 jQuery 에서는 해당 요소에 접근할 수 있도록 선택자를 만들었습니다.부모의 하위에 있는 모든 자식요소들을 선택하는 것이 아닙니다. 바로 직계자식 요소만 선택이 가능합니다. 아래 예제를 잘 보시기 바랍니다.예 제 소스닫기 " 요소의 하위 리스트 아이템(LI)를 찾아 빨간색 2중선을 그립니다. Item.. 더보기 [jquery] 체크된 박스 찾기 선택자 개요 : 체크박스나 라디오버튼 태그 중에 선택되어 있는 요소를 찾습니다.jQuery(':checked'):checked 는 checkbox 나 radio buttons 들에 해당됩니다. 콤보(select) 박스는 :selected 선택자를 사용하세요.예 제 소스닫기 체크박스를 클릭할 때마다 그 상태를 체크하여 만일 선택(체크)상태이면 체크된 상태인 개수를 알려줍니다. 미리보기위 소스중에 보시면 n 더보기 [jquery] checkbox 찾기 선택자 개요 : input 태그 중에 type 이 checkbox 인 요소를 찾습니다.jQuery(':checkbox')$('checkbox') 는 $('[type=checkbox]') 로 사용할 수 있습니다. 가상 클래스(pseudo-class) 선택자(":" 와 같은)를 사용하실 때는 그 앞에 태그명이나 다른 선택자를 포함하시기를 권장합니다. 그렇지 않으면 모두 선택하기 선택자("*") 가 암묵적으로 사용하게 됩니다. 즉, $(':checkbox') 은 $('*:checkbox') 나 마찬가지입니다. 그래서 $('input:checkbox')로 앞에 input 과 같은 태그명을 같이 사용하시기를 권장합니다.지금 예제들은 사실 API 에 대한 설명을 위한 간단한 것들이기 때문에 순수한 코드 목적으로 많이 작성.. 더보기 [jquery] 버튼 찾기 선택자 개요 : 문서에서 타입이 button 인 input 또는 button 요소를 찾아줍니다.jQuery(':button')예 제 1. button 형태의 input 요소를 찾아서 배경색을 노란색으로 테두리를 3px 의 빨간색으로 처리합니다. 2. 그 후 문서에서 div 요소를 찾아서 그 안에 발견된 button 의 개수를 빨간색의 텍스트로 표시해 줍니다. Option Button 미리보기html 의 form 을 표현하는 태그들은 종류가 여러가지입니다. 위에 보시면 아시겠죠? 그 중에 button 을 찾아서 표시해 주고 있습니다. 스크립트를 잘 보시면 처리하는 기법들을 눈여겨 보시면 될 듯 합니다. 출처 : http://findfun.tistory.com/80 더보기 [jquery] ^= 선택자 개요 : 태그가 가진 속성(attributes)의 값(value)에 문자열이 시작부분에 포함되어 있는 요소를 찾아 줍니다.jQuery('[attribute^="value"]')attribute 태그의 속성value 속성의 값, 따옴표를 사용해야 합니다.예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "news" 라는 단어로 시작하고 있는 요소를 찾아서 'news here' 을 입력합니다. 미리보기3개의 input 요소중에 name 의 값이 news 로 시작하는 요소를 찾아서 'news here' 라고 입력하고 있네요. 그리 어렵지 않으시죠?출처 : http://findfun.tistory.com/79 더보기 [juqery] != 선택자 개요 : 태그가 가진 속성(attributes)의 값(value)과 문자열이 일치하지 않는 요소를 찾아 줍니다. not([attr="value"]) 의 표현과 일치합니다.jQuery('[attribute!="value"]')attribute 태그의 속성value 속성의 값, 따옴표를 사용해야 합니다.예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "newsletter" 가 아닌 요소를 찾아서 그 다음 요소에 굵은 글씨체 스타일로 '; not newsletter' 문자열을 추가합니다. name is newsletter no name name is accept 미리보기결과를 보시면 input 태그의 name 속성의 값이 newsletter 가 아닌 요소들(2,3번째 inp.. 더보기 [jquery] = 선택자 개요 : 태그가 가진 속성(attributes)의 값(value)과 문자열이 일치하는 요소를 찾아 줍니다.jQuery('[attribute="value"]')attribute 태그의 속성value 속성의 값, 따옴표를 사용해야 합니다.예 제 type 이 radio인 input 태그들 중에 name 속성(attribute)의 값이 "newsletter" 인 요소를 찾아서 그 다음 요소(태그)의 텍스트를 "is newsletter" 로 바꿉니다.?1234567891011121314151617181920212223242526 name? name? name? $('input[name="newsletter"]').next().text(' is newsletter'); 미리보기좀 헷갈리시죠? 설명드리겠습니다. 9~.. 더보기 [jquery] $= 선택자 개요 : 태그가 가진 속성(attributes)의 값(value)의 뒷쪽부터 문자열이 포함되어 있는 요소를 찾아 줍니다.jQuery('[attribute$="value"]')attribute 태그의 속성value 속성의 값, 따옴표를 사용해야 합니다.예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값의 뒷쪽부터 "letter" 이라는 단어를 포함하고 있는 요소를 찾아서 'a letter' 를 입력합니다. 미리보기input 태그들의 name 들 속에 letter 라는 문자열이 들어 있습니다. 이 선택자는 [name|="value"] 와 같은 기능을 하지만 뒤쪽에서 부터 찾는다는 차이점이 있네요.출처 : http://findfun.tistory.com/75 더보기 [jquery] ~= 선택자 개요 : 태그가 가진 속성(attributes)의 값(value)에 선택자로 주어진 문자열이 단어의 형태로 들어가 있으면 반환해 줍니다.jQuery('[attribute~="value"]')attribute 태그의 속성value 속성의 값, 따옴표를 사용해야 합니다.예 제 문서에 있는 input 태그들 중에 name 속성(attribute)의 값이 "man" 이라는 단어를 독립적으로 포함하고 있는 요소를 찾아서 'man 이 단어로 포함되어 있음' 을 입력합니다. 미리보기'man'이라는 단어가 name 속성에 들어 있는 요소가 있지만, 문자가 찍히지 않았습니다. man 이 독립된 단어가 아니기 때문입니다. 2번째 input 요소에는 띄어쓰기 다음에 'man' 이라는 단어가 독립형으로 들어 있기 때문에 그 .. 더보기 이전 1 2 3 4 5 6 다음