未整理的数组、伪数组、匿名函数及其自调用
程序员文章站
2022-06-10 09:31:18
...
未整理的数组、伪数组、匿名函数及其自调用
<!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>
推荐阅读