jQuery物件與原生JS dom物件間的轉換

努力尋找活著發表於2017-07-26
jQuery物件JS
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../../js/jquery-3.1.1.min.js"></script>
    <script>
        $(function(){
            var d=document.getElementById('d')
//            d.innerText='fdddddd';
//            var d=$('#d');
            $(d).html('hfrfytguhj');//原生JSdom物件轉換成jQuery物件

            var e=$('#e');//jQuery物件轉換成原生JSdom物件
            //轉換後得到的是陣列  無法直接進行修改內容
            e.innerText='wwwwwwwwwwwwwwe';
            //e[0].innerText='gggggggggggg';//陣列方法  改變內容
            console.log(e.get(0));//函式方法  get函式獲得內容  在控制檯輸出
        })
    </script>
</head>
<body>
<div id="d">
fffffffffffffffffffffffffff
</div>
<div id="e">
    eeeeeeeeeeeeeeeeeeee
</div>
</body>
</html>

相關文章