unbind 요소에서 이전에 연결된 이벤트 처리기를 제거합니다. jQuery 3.0부터는. unbind()가 더 이상 사용되지 않습니다. jQuery 1.7 이후 .off() 메서드로 대체되었으므로 이미 사용하지 않는 것이 좋습니다. $("div#con").unbind("mouseenter"); //div#con mouseenter 이벤트 제거$("div#con2").unbind(); //div#con2 모든 이벤트 제거cs 형식은 유형에 관계없이 핸들러를 제거합니다. 더 정확하게 말하자면 이벤트 유형을 전달할 수 있습니다. . unbind("mouseenter");처럼 이벤트 유형을 지정하면 해당 이벤트 유형에 대한 처리기 만 바인딩 해제됩니다. 이벤트를 컬러 버튼에 바인딩 및 바인딩 해제가 가능한 예..
replaceAll . replaceAll() 메서드는 선택한 요소를 지정된 요소로 대체합니다. 이 메소드는 인수로 선택자나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있습니다. target 유형 설명 .replaceAll (대상) 선택기 또는 jQuery 또는 배열 또는 요소 대체 할 요소를 나타내는 선택기 문자열, jQuery 객체, DOM 요소 또는 요소 배열입니다. .replaceAll()방법은 후술 할. replaceWith()와유사합니다. 하지만 소스와 대상이 반대입니다. 다음 예문을 참고 바랍니다. Hello And Goodbye Colored by Color Scripter cs 요소를 만든 다음 다른 요소를이 요소로 바꿀 수 있습니다. 해당 jQuery .replace..
extend 두 개 이상의 개체의 내용을 첫 번째 개체로 병합합니다. 제이쿼리의 extend()는 다수의 객체를 하나의 객체로 합치는 merge기능을 수행할 수 있습니다. 만약 두 개 이상의 객체를 하나로 합치려는 경우 extend()를 사용하여 새로운 객체로 만들 수 있죠. 아래는 extend()를 사용하는 간단한 방법 및 문법은 아래와 같습니다. $.extend(대상, 객체1, 객체2, ... , 객체n) cs 이 메서드는 인수로 전달받은 첫 번째 객체에 두 번째 객체의 모든 프로퍼티를 추가합니다. 그리고서 첫 번째 객체에 세 번째 객체의 모든 프로퍼티를 추가합니다. 이와 같은 순서대로 인수로 전달받은 모든 객체의 프로퍼티를 첫 번째 객체에 모두 추가합니다. jQuery.extend (target, ..
val . val()은 양식(form)의 값을 가져오거나 값을 설정하는 메서드입니다. 주로 input, select 및 과 같은 양식 요소의 값을 가져오는 데 사용됩니다. 가져오기 이 메서드는 인수를 허용하지 않습니다. 컬렉션의 첫 번째 요소가 select-multiple(즉, 속성이 설정된 select요소 multiple)이면. val() 선택한 각 옵션의 값을 포함하는 배열을 반환합니다. 옵션을 선택하지 않으면 빈 배열이 반환됩니다. 선택, 확인란 및 라디오 버튼의 경우 : checked를 사용하여 올바른 요소를 선택할 수 있습니다. // 드롭다운에서 선택한 옵션에서 값 가져오기 $( "select#foo option:checked" ).val(); // 드롭다운에서 직접 값 가져오기 선택 $( "s..
클래스 설정 HTML 요소의 class 속성은 여러 개의 class 값을 가질 수 있습니다. 제이쿼리는 HTML 요소의 class 속성 값을 손쉽게 다루기 위한 여러 메서드를 제공합니다. 이를 통해 class 속성에 적용되는 CSS 스타일이 동적으로 적용되게 할 수 있습니다. 이렇게 클래스명을 추가하거나 제거하면 간단하게 원하는 스타일을 추가 또는 제거하는 것이 가능합니다. 물론 해당하는 class에는 스타일이 css에 선언되어야겠죠? 물론 attr()를 사용하거나 css()를 사용할 수도 있습니다. 하지만 이런 경우에 inline 형태로 웹페이지에 스타일이 부여되기 때문에 아래와 같은 제약이 생기게 됩니다. 코드와 스타일이 분리되지 못하여 유지보수에 단점 인라인으로 적용된 스타일을 변경시 !import..
appendTo . appendTo() 메서드는 선택한 요소를 '해당 요소의 마지막'에 삽입해 주는 메서드입니다. 일치하는 요소 집합의 모든 요소를 대상 끝에 삽입합니다. .appendTo() : $(A).appendTo(B) // A 가 B 사이의 마지막에 추가 된다. cs append()와 appendTo()는 동일한 기능을 수행하지만, 추가될 내용과 타깃의 위치가 다릅니다. A.append(B) - A에 B를 추가. 지정한 요소의 마지막에 내용을 추가 A.appendTo(B) – B에 A를 추가. 지정한 요소의 마지막에 내용를 추가 선택한 요소가 DOM의 다른 위치에 단일 위치에 삽입되면 대상 (복제되지 않음)으로 이동되고 삽입된 요소로 구성된 새 집합이 반환됩니다. $( "h2" ).appen..
제이쿼리와 Ajax Ajax를 이용하여 개발을 손쉽게 할 수 있도록 미리 여러 가지 기능을 포함해 놓은 개발 환경을 Ajax 프레임워크라고 합니다. 그중에서도 현재 가장 널리 사용되고 있는 Ajax 프레임워크는 바로 제이쿼리(jQuery)입니다. Ajax는 웹페이지가 서버와 비동기 통신을 하는 기술들의 집합체입니다. 동기 통신도 가능합니다. Ajax에서 사용하는 기술들은 다음과 같습니다. XHTML Cascading Style Sheets JavaScript XmlHttpRequest : 웹서버와 통신을 담당 XML & JSON DOM Ajax란? Asynchronous JavaScript and XML 의 약자 자바스크립트를 이용해서 비동기식으로 서버와 통신하는 방식. 이 때 XML을 이용한다. 꼭 X..
라이브러리란?(library) 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들 jQuery란? 1. 엘리먼트를 선택하는 강력한 방법과 2. 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 3. 자바스크립트 라이브러리 즉 모든 브라우저에서 이벤트가 발생할 때 동작하는 클라이언트 자바스크립트 라이브러리(=결과값) input box 값이 있는지 없는지 여부. 안에 텍스트 길이가 몇글자 check box 체크 되었는지 확인 combo box 선택되었는지 확인 Grid 화면에 뿌려진 목록이 있는지 확인 img 이미지가 보이는지 안보이는지 button 버튼이 지정되었는지 확인 참고) 요소(element, 엘리먼트) ' 내용 '에서 밑줄 친 전체를 뜻하..
