jQuery從入門到精通 ~ EX3-3[jQuery抓取物件轉換成JS物件]

jQuery從入門到精通 ~ EX3-3[jQuery抓取物件轉換成JS物件]

Comments 0 Comment

jQuery從入門到精通 ~ EX3-3[jQuery抓取物件轉換成JS物件]

 

jQuery抓取物件轉換成JS物件

note:
    01.jQuery透過元件ID取得物件變數
        var $jQueryObj = $(“#testp”);
        
    02.jQuery取得物件變數後印出HTML內容
        $jQueryObj.html()
        
    03.jQuery抓取物件轉換成JS物件
        var domObj = $jQueryObj[0];
        var domObj1 = $jQueryObj1.get(0);
        
    04.JS取得物件變數後印出HTML內容
        omObj.innerHTML

程式內容:

<html>
    <head>
        <title>jQuery对象转换为DOM对象</title>
        <script src=”js/jquery-1.11.1.min.js”></script>
        
        <script>
            $(document).ready(function(){
                var $jQueryObj = $(“#testp”);
                alert(“使用jQuery方法获取第一个p节点的内容：”+$jQueryObj.html());
                var $jQueryObj1 = $(“#testp1”);
                alert(“使用jQuery方法获取第二个p节点的内容：”+$jQueryObj1.html());
                var domObj = $jQueryObj[0];
                alert(“使用DOM方法获取第一个p节点的内容：”+domObj.innerHTML);
                var domObj1 = $jQueryObj1.get(0);
                alert(“使用DOM方法获取第二个p节点的内容：”+domObj1.innerHTML);
            })
        </script>
    </head>

    <body>
        <h2>明日图书</h2>
        <p id=”testp”>《JavaScript从入门到精通》</p>
        <p id=”testp1″>《JavaScript入门经典》</p>
    </body>
</html>

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *