본문 바로가기

[jQuery] html(), text(), attr() 함수

1. htm( ) - ex) $('a').html( ) : 하나의 p태그만 나옴, 배열형태로 반환

2. text( ) - ex) $('a').text( ) : 모든 p태그 다 나옴

3. attr( ) - ex) $('a').attr('href') : a태그 안에 있는 href 속성 값을 반환

4. remove( ) - ex) $('#id01').remove( ) : id=01인 것 다 지워줘

4-2. remove( , ) - ex) $('p').remove('#id01, .c01') : p태그 중에 id=01인거랑, class=01인거 다 지워줘

5. empty()  - $('#id01').empty()

6. $('body h1').addClass('blue')

7. children()  //$('#ancester').children('#div02').css('border-color', 'blue')

8.find //$('#ancester').find('ul').css('border-color', 'blue')

9.filter //$('#anceter *').filter('ul').css('border-color', 'blue')

10. siblings() - 자기자신 빼고 형제들 바꿔라 $('h2').siblings().css('border-color', 'blue')

11. $('h2').next().css('border-color', 'blue') - 다음

12. $('h2').prev().css('border-color', 'blue') - 이전

13. nextUntil - 다음부터 특정 태그 전까지(포함X) $('span').nextUntil('p').css('border-color', 'blue')

14. prevAll( ) - 이전꺼 전부$('span').prevAll().css('border-color', 'blue')

15. appendTo( ) - 잘라서 붙임( 뒷쪽으로) $('img').last().appendTo('body') : body맨 마지막에 붙임

16. prependTo( ) - 잘라서 맨 앞으로 붙임 (앞쪽으로) $('img').last().prependTo('body') : body맨 앞쪽에 붙임

17. trigger( )  - 자동으로 실행하기

 

$(document).ready(function() {
  setInterval(function() {
  //5초마다 클릭했다고 인식하게 하라
  $('#nextBtn').trigger('click')
  }, 5000)
})