Jun's TID

jQuery는 다음과 같은 형식으로 특정 요소의 이벤트 속성과 이벤트를 bind로 묶어 이벤트를 처리할 수 있다. // 클릭 요소와 이벤트를 바인딩 $('#btn').bind("click", function() { alert("버튼 클릭!!"); }); 또한 unbind를 활용하여 다시 이벤트 등록을 해제할 수도 있다. 혹은 굳이 bind한 함수가 아니더라도, unbind를 활용하여 해제할 수 있다.

Selector를 활용하는 방법이야, 구현하려는 기능에 따라 셀 수도 없을만큼 많겠지만, 하나 하나를 따로 포스팅하면 글의 갯수가 좀 감당이 안될 거 같아서... 이번 포스팅에 input, select 등의 선택자를 제어하는 방법을 어느 정도 정리하려고 한다. 바로 들어가 보자. 1. input 제어 드롭다운리스트 멀티라인텍스트박스 버튼 2. text box 제어 아이디 : 아이디 : 3. 비밀번호 일치 여부 확인 암호 : 암호확인 : 암호를 입력하시오. 4. 드롭다운리스트 선택한 값 가져오기 C# ASP.NET Silverlight 혹은 다음과 같이 구현할 수도 있다. C# ASP.NET Silverlight

each() 함수는 마치 for문처럼 특정 요소를 만날 때마다 반복적으로 수행할 함수를 작성할 수 있는 함수이다. 이를 이용하여 특정 태그를 만날 때마다 index 번호를 해당 태그에 순차적으로 할당해줄 수 있다. 바로 예제를 확인해보자. C# ASP.NET Silverlight

form 태그 내 input, radio, select 등의 입력 값을 설정하거나 추출할 수 있다. 바로 설명과 함께 예제 코드를 보자. 1. 값 설정 텍스트박스 : 라디오버튼 : 남 여 드롭다운리스트 : JavaScript jQuery Prototype 2. 값 추출 텍스트박스 : 라디오버튼 : 남 여 드롭다운리스트 : JavaScript jQuery Prototype

jQuery 내에서 html() 함수를 통해 마치 JS의 innerHtml처럼 html 구문을 작성할 수 있는데, 마찬가지로 text() 함수를 이용하여 비슷한 동작을 수행할 수 있다. 둘의 차이점은 다음과 같다고 보면 된다. - text() : text => text - html() : text => text text() 함수는 조금 독특한 특징을 가지고 있는데, 바로 get과 set개념을 사용한다는 점이다. 즉, - ( ) 내에 어떤 값이 없을 경우 => get - ( ) 내에 어떤 값이 있을 경우 => set 와 같이 사용할 수 있다는 점이다. 1. get 안녕하세요. jQuery 반갑습니다. JavaScript 또 만나요. 언제요? 2. set 안녕하세요. jQuery 반갑습니다. JavaScri..

attr()를 이용하거나 html 내에서 작성한 속성은 removeAttr() 함수를 통해 삭제할 수도 있다.

attr() 함수는 map 형식으로 태그의 다양한 속성을 동시에 다른 값을 적용시킬 수 있다. 바로 예제를 보자.

특정 아이콘에 마우스를 올렸을 때, 해당 아이콘에 따른 큰 이미지를 웹 상에 표시하는 동작 또한 attr() 를 통해 구현할 수 있다.

jQuery는 JS와 마찬가지로 HTML 태그의 속성 값을 변경하거나 지우는 등 제어할 수 있다. 이번 포스팅에서는 간단하게 Attribute 를 get, set하는 방법을 다루려 한다. attr() : html 요소의 속성을 다루는 함수 1. get: attr('속성명') 닷넷코리아 2. set: attr('속성명', '속성값') 닷넷코리아

jQuery를 이용하여 해당 버튼을 클릭할 때마다 폰트의 크기를 1.5배씩 크게하거나, 작게하는 코드를 작성할 수도 있다. jQuery는 요소.css('속성', 수치) 등으로 직접적으로 해당 요소의 css를 지정할 수도 있다. 늘리기 줄이기 안녕하세요. 여기는 본문입니다.