jQuery_jquery에서 Dom의 기본 작업 요약

jquery의 각 노드의 기본 동작

코드 복사 코드는 다음과 같습니다.

What's 좋아하는 과일?

• Apple


• 바나나


• 수박

가장 좋아하는 과일은 무엇인가요?
가장 좋아하는 과일은 무엇인가요?

• Apple


• 바나나 < ;/li>
  
• watermelon

<스크립트 유형 ="text/javascript" 언어="javascript">
$(function(){
$("#btnSetOrGetAttr").click(function(){
var p = $("p" ).attr("title");//속성 가져오기
Alert(p);
var pSet=$("p").attr("title","이것은 내가 재설정한 제목 속성입니다. ") ;
Alert(pSet.attr("title"));//재설정 제목 가져오기
});

$("#btnDeleteAttr").click(function( ){
var p=$("p").removeAttr("title");
Alert(p.attr("title"));
});

$ ("#btnSetOrGetStyle ").click(function(){
var p=$("p").attr("class");//p 요소의 클래스 가져오기
Alert(p);
        var pSet =$("p").attr("class","height");//클래스를 높이로 설정;
         Alert(pSet.attr("class"));///설정된 값 클래스 가져오기
});

$("ul li").click(function(){
}) $(this).addClass("another");//li에 대한 다른 클래스 추적, 이때 첫 번째 li는 두 개의 클래스 값을 가지며 스타일은 병합되며 동일한 스타일 속성에 대해서는 후자가 전자
});

$("#btnRemoveStyle"을 재정의합니다. ).click(function(){
// $("ul li").removeClass("height");//스타일 제거를 나타냅니다.
// $("ul li").removeClass(" height another "); // 두 스타일 제거
$ (" ul li "). RemoveClass (); // li의 대표 클래스 전체

// 특정 스타일이 포함되어 있는지 확인 , 그렇다면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
var flag = $("p").hasClass("another");//$("p").is(".another");와 동일합니다. 경고(플래그);
});
})