제이쿼리 함수 정리

제이쿼리 함수 정리

 

   1) gridDiv 라는 아이디를 가진 그리드 안의 e-row 클래스에 특정 속성 추가하기 : attr() 사용

  attr ()는 요소의 속성(attr)의 값을 가져오거나 속성을 추가한다. 

$("#gridDiv .e-row").attr("check-selected", true) 

     $("#elmtId").attr(attrName, value)  : check-select 라는 이름을 가진 속성에 true 라는 value 값 추가

     $("#elmtId").attr(attrName)  : check-select 라는 속성의 값을 가져온다.

---

 2 ) removeAttr()

$("#gridDiv .e-row").removeAttribute("check-selected");

 선택한 요소("#gridDiv .e-row") 의 특정속성("check-selected") 제거

---

3) 특정 속성을 추가하고 특정 하위 클래스 찾기 : find() 사용

     find() 는 어떤  요소의 하위요소의 특정 요소를 찾는다.

$("#gridDiv .e-row").attr("check-selected", true).find(".e-celldata")

   check-selected라는 속성을 추가하고 .e-celldata라는 하위 클래스를 찾는다.

---

4) 특정  하위 클래스를 찾아서 클래스 추가 : addClass() 사용       *클래스 삭제는 : removeClass("className")

   addCalss()는 선택한 요소에 클래스 값을 추가할수있다.

 

$("#gridDiv .e-row").attr("check-selected", true).find(".e-celldata").addClass("action");

  e-celldata 클래스에 action 클래스가 추가되어 클래스 e-celldata 는  e-celldata action 가 된다.

---

  

5) 특정 요소의 자식 요소들 중 td 태그를 가진 요소 불러오기: children() 사용

*parents()는 특정 요소의 모든부모 요소를 불러온다.

  parent() 는 특정요소의 바로 상위 부모를 불러온다.

$(".e-class").children("td")

  e-class 클래스에 자식 요소들 중 td 태그를 가진 요소를 찾는다.

  children(_값이 비었을때_) : 자식요소들 전부를 불러온다. 

 

---

6) not() 함수 : 특정 요소 제외

<div class="e-class">
  <div class="test">1</div>
  <div class= "nottest">2</div>
  <div class="test">3</div>
  <div class="test">4</div>
</div>

var elmtnot = $('.e-class').not('.test');

결과 )

  <div class="test">1</div>
  <div class="test">3</div>
  <div class="test">4</div>