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

最新推荐文章于 2024-04-29 08:36:05 发布

原创最新推荐文章于 2024-04-29 08:36:05 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数组 #伪数组 #匿名函数自调用

本文深入探讨了JavaScript中数组的常见操作，如pop、push、shift、unshift、reverse和slice，并通过实例展示了如何使用这些方法进行数组元素的增删改查。同时，文章还讲解了DOM操作的基础，包括如何获取元素、遍历节点和修改样式，特别关注了伪数组的特性及处理技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<!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>