날카로운 JQuery: jquery 개체는 DOM 개체와 같지 않습니다.

1279 단어 jquery대상
demo.html 
<!DOCTYPE html>
<html>
<head>
    <script src="../js/jquery-1.7.2.js" type="text/javascript"></script>
    <script type="text/javascript" src="demo.js"></script>
</head>
<body>
    <div id="foo">
        This is foo !
        <br>
        what the fuck !
    </div>
</body>

demo.js  
$(document).ready(function(){
    //  DOM   JQuery  
    //jquery       。    [index]       DOM  
    //  :var $xxx   = $("#foo");
    //        var xxx = $xxx[0];
    //    or
    //        var xxx = $xxx.get(0);


    var $sContent  = $("#foo");  //$sContent   JQuery   
    
    var sContent   = $sContent[0].innerHTML;  // sContent DOM  .       innerHTML    JAVASCRIPT  。
    
    var sContent_1 = $sContent.html();     //  JQuery     html  。

    alert(sContent_1);                //           。

    alert(sContent);
});

참고: $("#foo")는 항상 객체를 가져옵니다.웹 페이지에 이 요소가 없어도따라서 당연히 JQuery를 사용하여 웹 페이지에 짝수 요소가 존재하는지 검사할 때
코드 좀 써야겠다.
//        。
if($("#foo").length>0){
        //do sth.
}


     DOM    
if($("#foo").[0]){
       //do sth 
}

좋은 웹페이지 즐겨찾기