61DAY / jQuery 메서드

선택기 메서드

children : 선택된 대상의 1단계 자식검색

find : 선택된 대상의 자식 전체 검색

parent : 선택된 대상의 1단계 부모검색

parents : 선택된 대상의 html최상위까지 검색(매개변수로 인하여 브레이크 가능) 최상위:html

first : 선택된 대상의 첫번째를 선택

last : 선택된 대상의 마지막을 선택

eq : 선택된 대상의 해당 index를 선택

index : 선택된 대상의 index값을 구한다. ex) $('선택자').index($(this));

html제어메서드

wrap : 선택된 대상에 부모를 생성한다

append : 선택된 대상의 자식요소 마지막에 html을 생성한다.

prepend : 선택된 대상의 자식요소 첫번째에 html을 생성한다.

html : 선택된 대상의 내부의 html을 생성한다.

next : 선택된 대상의 다음순서에 html을 삽입한다.

prev : 선택된 대상의 이전순서에 html을 삽입한다.

비교메서드

prop  : 선택대상의 속성의 상태를 비교하여 boolean으로 리턴해준다. 혹은 실행

ex) 상태정보 - var isCheck = $('선택자').prop('checked');

상태실행 : $('선택자').prop('checked', true or false);

 $('선택자').prop('readonly', true);-- true일때 readonly

is : 선택대상의 속성 및 존재여부를 확인하여 boolean으로 리턴해준다.

ex) 상태정보 : var isCheck =$('선택자').prop(':checked');

상태정보 : var isCheck = $('선택자').prop('클래스 혹은 아이디');

---

$('article').parent().find('h1:eq(0)').remove();

article의 부모의 1단계아래자식중 h1의 첫번째

var btn1 =$('<button></button>');

btn1.attr('type','button');

btn1.addClass('add');

btn1.text('추가');

var btn2 =$('<button></button>');

btn2.attr('type','button');

btn2.addClass('del');

btn2.text('삭제');

$(document).on('click','.add',function(){

var clone = $(this).parents('article').clone();

clone.find('h1').text('냠냠');

$('article').parent().prepend(clone);

});----만든객체도 추가됨

$('.add').click(function(){

var clone =$(this).parents('article').clone();

clone.find('h1').text('한국스마트정보교육원');

$('article').parent().prepend(clone);

}); ===얜 안됨

$(document).on('click','.indexCheck',function(){

var parentObj = $(this).parents('article');

var ptext = parentObj.find('p').text();

alert(ptext);

});