[jquery] jquery 메서드

 

선택자와 함께 알아두면 유용한 메서드

 

메서드 종류

종류	사용법	설명
is(".요소 상태")	$(".txt1").is("visible")	선택한 요소가 보이면 true를 반복합니다.
$.noConflict()	var 변수 = $.noConflict(); 변수("요소 선택")	$.noConflict() 함수를 이용하면 현재 제이쿼리에서 사용중인 $메서드 사용을 중단하고 새로 지정한 변수명 메서드를 사용합니다.
get()	$("요소 선택").get(0). style.color="#f00"	선택자에 get(0)을 적용하면 자바스크립트 DOM 방식의 스타일을 사용할 수 있습니다.

is() 메서드

 

$("요소 선택").is("[checked | selected | visible | hidden | animated}]")

-> checked | selected | visible | hidden | animated 상태면 true, 아니면 false을 반환합니다.

 

$(function(){
  var result_1=$("#inner_1 p")
  .eq(0).is(":visible");
  console.log(result_1);  //true

  var result_2=$("#inner_1 p")
  .eq(1).is(":visible");
  console.log(result_2);  //false

  var result_3=$("#chk1").is(":checked");
  console.log(result_3); //true

  var result_4=$("#chk2").is(":checked");
  console.log(result_4); //false
});

<div id="wrap">
  <h1>is()</h1>
  <section id="inner_1">
    <h2>is 메서드</h2>
    <p >내용1</p>
    <p style="display:none">내용2</p>
  </section>
  <section id="inner_2">
  <h2>폼 태그 영역</h2>
    <p>
    <input type="checkbox" name="chk1" id="chk1" checked>
    <label for="chk1">체크1</label>
    <input type="checkbox" name="chk2" id="chk2">
    <label for="chk2">체크2</label>
  </p>
  </section>
 </div>

아래 결과 화면.

오른쪽은 콘솔패널 출력 결과 입니다.