未整理的数组、伪数组、匿名函数及其自调用_可变长数组为什么在匿名函数里面用不了啊-CSDN博客

本文链接：https://blog.csdn.net/weixin_43885123/article/details/84761512

未整理的数组、伪数组、匿名函数及其自调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery入门</title>
</head>
<body>
<div id="div1">
    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
</div>
<div id="div2">
    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
</div>
<div id="div3">
    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
</div>
</body>

<script>
    //show方法名  ()执行
//    function show(){
//        console.log(1111)
//    }
//
    匿名函数的自调用   加括号  或者加！
//
//    //带括号的事方法   arr.length是属性
//    (function (){
//        console.log(2222)
//    }());
//    !function (){
//        console.log(2222)
//    }();
//    var arr=[1,2,3,9];
//    console.log(arr.pop());//返回被删除的元素    数组元素出栈
//    console.log(arr.push(77));//数组元素入栈  返回新数组的长度
//    console.log(arr.shift());//删除数组头部元素  返回被删除的元素
//    console.log(arr.unshift(7777));//在数组元素新增长度  返回新数组的长度
//    console.log(arr.reverse());//倒叙
//    console.log(arr.slice(0,-2));




//    console.log(document.getElementsByTagName('li'));
//    var lis=document.getElementsByTagName('li');
//    var length=lis.length;
//    for(var i=0;i<length;i++){
//        if(i<5){
//            lis[i].style.color='red';
//        }else{
//            lis[i].style.color='blue';
//        }
//    }
    //dom操作返回的html集合，是一个伪数组，(有数组的属性没有数组的方法)
    //collection 伪数组  只有数组的属性没有数组的方法


//    var div1=document.getElementById('div1');
//    var ul=div1.children;
//    var lis=ul[0].children;
//    console.log(lis)
        //简化后的
    console.log(document.querySelectorAll('#div1 li'))
</script>
</html>