jquery 獲取的元素不存在.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery獲取的元素不存在</title>

    <script src="js/jquery-3.2.1.js"></script>
</head>
<body>
<div id="hi"></div>
<script>
    // 不存在的。
    console.log($("#hello"));
    // jQuery.fn.init {}
    console.log($("#hello")[0]);
    // undefined
    console.log(Boolean($("#hello")));
    // true
    console.log(Object.keys($("#hello")));
    // []
    console.log(Object.keys($("#hello")).length);
    // 0
    console.log('');

    // 存在的。
    console.log($("#hi"));
    // jQuery.fn.init [div#hi]
    // 0: div#hi
    // length: 1
    // __proto__: Object(0)
    console.log($("#hi")[0]);
    // <div id="hi"></div>
    console.log(Boolean($("#hi")));
    // true
    console.log(Object.keys($("#hi")));
    // (2) ["0", "length"]
    console.log(Object.keys($("#hi")).length);
    // 2
</script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章