Jun's TID

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

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

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

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

페이지가 로드된 이후, 최초 한번만 실행하고 사라지는 이벤트를 만들기 위해 사용되며, 다음과 같이 사용한다.

hover() 메서드는 hover(함수1, 함수2)와 같이 사용하여, mouseover일 때 함수1, out일 때 함수2를 번갈아 가며 사용할 수 있게 해주는 메서드이다. 제목 ASP.NET ASP.NET

toggle() 메서드는 두 가지 함수를 반복해서 수행할 수 있게끔 해주는 메서드이다. (on/off 기능) 메서드는 다음과 같이 사용한다. 버튼을 클릭할 때마다 레이어 보이기/숨기기 안녕 위와 같이 스타일만 add, remove하는 방식의 경우는 toggleClass를 사용해도 무방하다. 버튼을 클릭할 때마다 레이어 보이기/숨기기 안녕

요소 선택자가 배열 형태인 경우, slice() 메서드를 이용하여 끊어 해당 객체들을 조작할 수 있다. 2번째와 3번째 버튼에만 빨간 글씨 적용

jQuery는 기본적으로 공통 요소들에서 특정 요소를 거를 수 있는 filter() 메서드를 가지고 있다. filter() 메서드는 기본적으로 다음과 같이 사용한다. $('요소 선택').filter('조건') 예제는 img 태그의 속성에 따라 filtering하는 코드이다.

jQuery는 특정 객체에 미리 지정한 클래스를 원하는 타이밍에 추가하거나 지워서 css를 변경할 수 있다. 1. addClass()은 다음과 같이 사용할 수 있다. $(element).addClass('클래스명'); .red { color: red; } Test addClass $('span').addClass('red'); 2. removeClass()도 동일하게 사용 가능하다. $(Element).removeClass('클래스명'); Test removeClass Test removeClass 3. 추가로, hasClass()를 사용하여 해당 객체가 지정 클래스를 가지고 있는지 아닌지 boolean 값으로 받을 수 있다. $(Element).hasClass('클래스명');