본문 바로가기

전체 글87

Zen-Coding문법 1. class 선언 div.hello 또는 .hello 태그의 선언 없이 클래스명만 젠코딩 축약어로 사용할 경우 무조건 div element로 적용이 된다. 결과 값 1cs 2. id 선언 div#hello 또는 #hello 태그의 선언 없이 아이디명만 젠코딩 축약어로 사용할 경우 무조건 div element로 적용이 된다. 결과 값 1cs 3. 속성(attribute) 선언 a[title="속성입력"] 속성을 선언할 경우 대괄호[ ]를 사용해서 element에 해당하는 속성을 입력할 수 있다. 1번 2번과 마찬가지로 속성만 젠코딩 축약어로 사용 할 수 있지만 기본적으로 div element로 결과값이 나오므로 반드시 엘리먼트와 함께 선언하는 것이 좋다. 결과 값 1cs 4. 자식관계(children).. 2018. 11. 9.
[jQuery] 메서드 toggleClass() $(선택자).toggleClass(); 해당 선택자에 대해 class를 토글한다. 토글이란 의미는 스위치라는 뜻을 갖고있다. 다시말해 끄거나 키는 2가지 기능을 한다. toggle의 여러 메서드 중에도 toggleClass() 메서드는 선택자 안에 클래스를 넣어주거나 빼기를 반복 할수 있으며, jquery1.4버전 후 부터는 여러개의 클래스명을 지정 할수 있다. ex) 해당 예제는 id가 click인 a태그를 통해 div의 값이 변하는 이벤트이다. 12345 Hello WorldChange color Colored by Color Scriptercs 1234.normal {font-size:20px;color:#fff;} .selected {width:200px;}.on {background:red;} .. 2018. 9. 27.
[jQuery]텍스트박스 초기화 12345678910111213141516 $(function(){ $("input").val(""); }); /* val(); 사용으로 input 내 텍스트 컨트롤 */cs 2018. 3. 21.