jquery 메서드

.attr() 속성를 설정하고 값을 읽어온다.	alert($('a').attr('href', 'http://www.jquery.com').attr('href')); 한번에 여러개의 속성을 설정할 대 $('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'};
.removeAttr() 속성을 제거한다.	$('a').removeAttr('href')
.appendTo('body') 해당 요소를 지정된 요소 밑에 추가한다.
.end() 바로 앞 메서드 이전의 상태로 되돌린다.
.remove()요소를 삭제한다.	$('.ddd').remove();
.replaceWith() 요소 교체하기	$('li.remove').replaceWith('<li>ssssa</li>');
.clone() 지정된 요소를 복제한다.	$('ul').clone().appendTo('body');
.addClass() 클래스의 추가
.hasClass() 특정 클래스의 속성값을 확인
.removeClass() 특정 클래스의 제거
.toggleClass() 지정된 클래스의 등록및 삭제
.html() html의 컨텐츠를 가져오고 설정하기	$('p').html('<strong>dfdfsff</string>,sdsdf<em>sdfsdfsd</em>sfsfsf');
.text() .html()과 비슷하나 태그가 삽입이 되지 않음.
.slice(시작인덱스, 마지막 인덱스) 범위의 집합에 특정 태그로 감싸거나 작업을 할 수 있음.	$('p').slice(0, 3).wrap("<i></i>");
hide(), show() 버튼 감추거나 보이게	$('#con').show();$('#con').hide();

 

 

show()

toggle()

slideToggle('slow | fast')

fadeOut(), fadeIn()

 

내용 없애기

<input type="button" id='btn' value='click' />

 

<div id='test'>sdsdfsdfsdfsdfsdfsdsdsdfsdf<p>sdsdsdfsdfsdfsdf</p></div>

 

 

 

      $('#btn').click(function () {

 

          $("#test").animate({ opacity: 'toggle', height: 'toggle' });

          return false;

 

      });

 

 

 

 

 

trigger() 다른 이벤트 실행시키기

 $("#pClick").bind("click", function (e) {

          alert('click');

 

          $("#animate").trigger('click');

      });

 

      $("#animate").bind('click', function (e) {

          alert('btnclick');

      });

 

응용(이벤트에 매개변수 넘기기)

    $("#animate").bind('click', function (e) {

          alert(e.name + ":" + e.age);                  //이렇게 사용한다.

      });

 

      $("#pClick").bind("click", function (e) {

          alert('click');

 

          $("#animate").trigger({type:'click', name:'aaaa',age:'33'}); //값을 넘겨서

      });

 

    

val() :요소의 값을 가져옴.

trigger() 이벤트 실행