초보개발자 초보개발자

분류 전체보기

• jQuery - .fadeIn()

  jQuery 2020. 6. 23. 15:57

  .fadeIn() - 선택한 요소를 서서히 나타나게 한다. 문법 .fadeIn( [duration] [, easing] [,complete]) duration duration에는 완전히 나타날 때까지의 시간이 들어간다. fast, slow로 정하거나 400같은 숫자로 정할 수 있따. 숫자일 경우 단위는 1000분의 1초이며, fast는 200, slow는 600에 해당하낟. 아무것도 입력하지 않으면 기본값으로 400이 설정된다. 문자로 시간을 정할 때는 싱글 쿼테이션(' ') 안에 문자를 넣는다. .fadeIn('slow') 숫자로 시간을 정할 때는 숫자만 넣는다. .fadeIn(600) easing easing에는 사라지는 모양이 들어간다. swing과 linear가 가능하며, 기본값은 swing이다...

  Read More
• jQuery - .empty()

  jQuery 2020. 6. 23. 15:50

  .empty() - 선택한 요소의 내용을 지운다. 내용만 지울 뿐 태그는 남아있다는 것에 주의하자 * 태그를 포함한 요소 전체를 제거할 때는 .remove()를 사용 문법 .empty() 예를 들어 Lorem 일 때 $('h1').empty() 를 하면 다음과 같이 바뀐다. 예제 - 버튼을 클릭하면 p의 요소의 내용이 지워진다. Click To Empty Lorem Ipsum Dolor

  Read More
• jQuery - .each()

  jQuery 2020. 6. 23. 15:48

  .each() - 선택한 요소가 여러 개일 때 각각에 대하여 반복하여 함수를 실행시킨다. 문법 .each( funtion ) 특정 조건을 만족할 때 반복 작업에서 빠지려면 return false 를 사용 예제 1 - p 요소에 각각 다른 클래스를 추가한다. Lorem Ipsum Dolor Amet 예제2 - 반복 작업을 두번만 하고 빠져나온다. Lorem Ipsum Dolor Amet

  Read More
• jQuery - .detach()

  jQuery 2020. 6. 23. 15:45

  .detach() - 선택한 요소를 문서에서 제거한다. 제거한다는 면에서는 .remove()와 같으나, detach()는 제거한 요소를 저장하여 다시 사용 가능 문법 .detach( [selector]) 예를 들어 var jb = $('h1').detach(); 는 h1 요소를 문서에서 제거하고 변수 jb에 저장한다. 예제 - cut 버튼을 클릭하면 Dolor를 잘라내고, Paste 버튼을 클릭하면 Ipsum 위에 붙여 넣는다. Lorem Ipsum Dolor Cut Paste

  Read More
• jQuery - .delay()

  jQuery 2020. 6. 23. 15:41

  .delay() - 실행 중인 함수를 정해진 시간만큼 중지(연기) 시킨다. 문법 .delay( duration [, queueName]) duration에는 중지할 시간이 들어간다. 숫자로 정할 때의 단위는 1/1000초이고, slow 또는 fast로 정할 수도 있다. slow는 600, fast는 200에 해당 예제 - 버튼을 클릭하면 문단이 위로 사라졌다가 1초 뒤에 아래로 내려온다. Click Lorem Ipsum Dolor

  Read More
• jQuery - .css()

  jQuery 2020. 6. 23. 15:39

  .css() - 선택한 요소의 css 속성값을 가져오거나 style 속성을 추가 문법1 .css(propertyName) 속성값을 가져온다. 예를 들어 $('h1').css("color"); 는 h1 요소의 스타일 중 color 속성의 값을 가져온다. 문법2 .css( propertyName, value) style 속성을 추가한다. 예를 들어 $('h1').css('color', 'green') 은 h1 요소에 style 속성을 추가하여 글자색을 녹색으로 바꾼다. .. 예제1 - h1 요소의 color 속성의 값을 출력한다. Lorem ipsum dolor. 예제2 - h1 요소의 글자색을 녹색으로 만든다. Lorem ipsum dolor. * HTML 요소(element)의 속성(attibute)의 ..

  Read More
• jQuery - .clone()

  jQuery 2020. 6. 23. 15:34

  .clone() - 선택한 요소를 복제한다. 예를 들어 $( '.ab' ).clone().appendTo( 'h1' ); 은 ab를 클래스 값으로 가지는 요소를 복제하여 h1요소에 넣는다. 예제 - span 요소를 복제하여 h1 태그안에 넣는다. Lorem ipsum dolor.

  Read More
• jQuery - .click()

  jQuery 2020. 6. 23. 15:31

  .click() - 선택한 요소를 클릭했을 때 특정 작업을 수행할 수 있게 하는 속성 문법 .click( handler ) 예를 들어 button 요소를 클릭했을 대 함수를 실행시키고 싶으면 다음과 같다. $( 'button' ).click( function() { // function } ); 예제 - 문단을 클릭하면 테두리가 생긴다. 다시 클릭하면 테두리가 사라진다. Lorem ipsum dolor.

  Read More