분류 전체보기
-
jQuery - .html()jQuery 2020. 6. 23. 16:58
.html() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾼다. .text()와 비슷하지만 태그의 처리가 다르다. 문법1 .html() HTML 태그를 포함하여 선택한 요소 안의 내용을 가져온다. 예를 들어 var jb = $('h1').html(); 문법2 .html(htmlString) 이전 내용을 지우고 새로운 내용을 넣는다 예를 들어 $('div').html('Lorem') 는 div 요소의 내용을 Lorem으로 바꾼다. 예제1 - div 요소 안의 내용을 가져와서 그 내용을 출력한다. div 요소가 여러개 있으면 첫번째 요소의 내용을 가져온다. HTML 태그 까지 함께 저장한다는 것에 주의 Lorem ipsum dolor. Aenean nec mollis. 예제2 - div 요소 ..
-
jQuery - .hover()jQuery 2020. 6. 23. 16:52
.hover() - 선택한 요소에 마우스 포인터를 올렸을 때, 그리고 마우스 포인터가 그 요소를 벗어 났을 때 어떠한 효과를 넣을 수 있다. 문법 .hover( handlerIn(eventObject), handlerOut(eventObject) ) handlerIn(eventObject)에는 요소에 마우스 포인터를 올렸을 때의 효과를, handlerOut(eventObject)에는 마우스 포인터가 요소를 벗어날을 때의 효과를 넣는다. 예제 - span 요소에 마우스 포인터를 올리면 글자가 커지고, 포인터가 벗어나면 다시 원래대로 돌아온다. Lorem Ipsum Dolor
-
jQuery - .hide()jQuery 2020. 6. 23. 16:13
.hide() - 선택한 요소를 사라지게 한다. 문법1 .hide() 선택한 요소를 즉시 사라지게 한다. 문법2 .hide(duration [,easing] [, complete]) duration : 사라지는 데 걸리는 시간입니다. slow, fast, 숫자를 넣을 수 있습니다. 숫자의 단위는 1000분의 1초입니다. 기본값은 400입니다. easing : 사라지는 방식입니다. swing과 linear가 가능합니다. 기본값은 swing입니다. complete : 사라진 다음 실행할 함수를 넣을 수 있습니다. 예제 - 첫번째 버튼 : 바로 사라진다. - 두번째 버튼 : 1초 동안 swing 방식으로 사라진다. - 세번째 버튼 : 1초 동안 linear 방식으로 사라진다. - 네번째 버튼 : 사라졌다가 다..
-
jQuery - .find()jQuery 2020. 6. 23. 16:05
.find() - 어떤 요소의 하위 요소 중 특정 요소를 찾을 때 사용 문법 .find( selector) 예를 들어 $('h1').find('span') 은 h1 요소의 하위 요소 중 span 요소를 선택합니다. 예제 - 클래스 값으로 b를 갖는 p 요소의 하위 요소 중 클래스 값으로 ip를 갖는 span 요소를 찾아서 글자 크기를 2배로 만든다. Lorem Ipsum Dolor Lorem Ipsum Dolor * 하위 선택자를 이용해서 같은 결과를 만들 수 있다. $('p.b').find('span.ip').css('font-size', '2em'); 은 다음 처럼 해도 된다. $('p.b span.ip').css('font-size', '2em')