问题遇到的现象和发生背景
HBuilder 无法进入for循环是什么问题呢
问题相关代码,请勿粘贴截图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script>
//文档就绪事件:
$(document).ready(function() {
//编写jQuery
});
$(function() {
//idSelector();
//htmlSelector();
//classSelector();
allSelector();
});
//1、标签选择器:
function htmlSelector() {
//获取所有的div元素(集合)
var divList = $("div");
console.log(divList); //jQuery的对象
console.log(divList.length);
for (var i = 0; i < divList.length; i++) {
console.log(divList[i]); //js的对象
//将js对象转换为jQuery的对象
console.log($(divList[i]));
}
}
//2、标签选择器
function idSelector() {
//根据id获取到的元素是唯一的,即使页面上有重名的id,获取的是第一个
var p = $("#p1");
console.log(p);
}
//3、类选择器
function classSelector(){
var list=$(".mydiv");
console.log(list.length);
}
//4、全局选择器
function allSelector(){
var list=$("*");
for (var i = 0; i < list.length; i++) {
console.log(list[i]); //js的对象
}
console.log(list.length);
}
</script>
</head>
<body>
<p id="p1">p1</p>
<div class="mydiv">div1</div>
<div class="mydiv">div2</div>
<div>div3</div>
</body>
</html>