Liooos-출발은 작은 한걸음부터

안녕하세요. 빅한입니다. 오늘은 지난 자식 필터에 이어서 내용 필터에 관하여 살펴보도록 하겠습니다. Content Filter는 선택된 요소의 내용을 기준으로 필터하는 것이라 보면 됩니다. 즉 해당 태그의 text요소를 필터합니다. 예를 하나 들어보면 내용입니다. 위의 샘플에서 span이라는 태그에서 "내용입니다."라는 것에 대해서 특정 문자가 있는지, 아무 글자도 없는지, 특정 요소가 있는지, 자식노드가 있는지를 보고 조건에 맞는 요소를 선택하는 것이라 생각하시면 됩니다. 종류 종류에는 4가지 종류가 있습니다. :contains(text) - 지정된 텍스트를 포함하는 모든 요소를 선택 :empty - 텍스트 노드를 포함하여 자식이 없는 요소를 모든 요소를 선택 :has(selector) - 지정한 선택..

안녕하세요. 빅한 입니다. 아.. 임시저장한것이 날라갔네요... 가슴이 아프네요... 그래도 있는 힘것 다시 정리하도록 하겠습니다. 이번에는 자식 필터 선택자에 대하여 살펴보겠습니다. 말에서 표현되는 것처럼 현재 선택자에 대한 부모의 자식에 대한 필터라고 생각하시면 이해하기 쉬울것 같습니다. 주로 표현한 선택자의 기점으로 바로위 부모의 자식 또는 형제 요소중에 고르는 것을 말합니다. 앞으로 설명할 종류에서 볼수 있듯이 크게 'child'와 'of-type'의 명칭이 들어간 것을 볼수 있는데요. 'child'는 선택자에 대한 부모를 기점으로 자식요소들 중 특정 요소를 찾는 것이고 'of-type'은 선택자의 기점으로 형제노드를 찾는 것이라 이해하시면 보다 쉽게 이해 될것입니다. 그럼 종류부터 시작해 보겠습..

1. 다운로드 첫번째. 다운로드 하는 방법. 1_ 홈페이지에 접속합니다. 2_ Download jQuery를 클릭합니다. 3_ 다운로드(Download the comporessed....)를 클릭합니다. 4_ 만약 아래와 그림과 같이 문서가 출력이 된다면 마우스 우클릭 후 '다른 이름으로 저장' 클릭 5_ 파일이 다운로드 되었는지 확인합니다. 두번째. CDN으로 불러오기 jquery 홈페이지 https://code.jquery.com/ google https://developers.google.com/speed/libraries/#jquery microsoft https://docs.microsoft.com/en-us/aspnet/ajax/cdn/overview#jQuery_Releases_on_the_..

안녕하세요. BigHan입니다. 이번에는 jQuery 선택자 중 기본 선택자 예제를 다뤄보겠습니다. 예제를 다루기 위해서 JSFiddle 사이트를 사용하도록 하겠습니다. JSFiddle에 관하여는 차후 간단하게 소개하는 시간에 알려드리겠습니다. (사실 저도 JSFiddle이 어떤 기능들이 있는지 알지 못합니다.) 아무튼 이곳에 가서 예제를 다뤄가면서 실습하도록 하겠습니다. cdn 추가에서 jQuery를 추가해주고 백지상태에서 시작해도록하겠습니다. 먼저 예제를 시작하기전에 기본 선택자는 다음과 같습니다. 1. "*" 2. ".class" 3. "element" 4. "#id" 5. "selector1, selector2" 이 다섯가지 선택자를 사용하기 위하여 먼저 element(요소)를 만들어보겠습니다. ..

안녕하세요. 빅한입니다. 이번에는 jQuery에서 반드시 알아야만 하는 선택자(selector)에 관하여 알아보겠습니다. 특정 엘리먼트에 접근하여 이벤트를 적용하거나 속성을 변경하기 위해서는 selector를 통하여 접근을 하게 되는데요. $("#id") $(".class") 이러한 아이들 중에 ""안에 있는 것들을 우리는 선택자 또는 selector(셀렉터)라고 부르고 있습니다. 대부분 selector(셀렉터)로 표기를 많이 하지만 여기에서는 '선택자'라는 이름으로 부르도록 하겠습니다. 지금부터는 이벤트를 부여하거나 속성을 변경하기 위한 노드를 선택하는 선택자의 종류에 대하여 알아보겠습니다. 선택자는 CSS에서도 자주 사용되므로 익혀두면 좋습니다. 이 내용에 대해서는 주로 w3schools.com과 j..