JQuery_遍历3_全局each&forof
遍历
1.js的遍历方式
for（初始化;循环结束;步长）
2.jq的遍历方式
1.jq对象.each（callback）
2.$.each(object,[callback])
3.for...for
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/jquery-3.6.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
/*
遍历
1.js的遍历方式
for（初始化;循环结束;步长）
2.jq的遍历方式
1.jq对象.each（callback）
2.$.each(object,[callback])
3.for...for
*/
$(function (){
//1.获取所有的ul下的li
var citys = $("#city li");
/* //2.遍历li
for (var i = 0; i <citys.length; i++) {
//获取内容
if ("上海" == citys[i].innerHTML){
//break;//结束循环
//continue;//结束本次循环，继续下次循环
}
alert(i+":"+citys[i].innerHTML);
}
*/
/* // 2.jq对象.each（callback）
citys.each(function (index,element){
//3.1获取li对象 第一种方式 this
//alert(this.innerHTML);
//alert($(this).html());
//3.2获取li对象 第二种方式 index(索引),element(元素对象)
//alert(index+":"+element.innerHTML());
//alert(index+":"+$(element).html());
//判断如果上海，则结束循环
if ("上海" == $(element).html()){
//如果当前function返回为false则结束循环(break)。
// 如果返回是true，则结束本次循环，继续下次循环(continue)
return true;
}
alert(index+":"+$(element).html());
});
});*/
/*// 3.$.each(object,[callback])
$.each(citys,function (){
alert($(this).html());
});*/
// 3.for...for:JQuery 3.0 版本之后提供的方式
for (li of citys){
alert($(li).html());
}
})
</script>
</head>
<body>
<ul id="city">
<li>北京</li>
<li>上海</li>
<li>天津</li>
<li>重庆</li>
</ul>
</body>
</html>
JQuery_事件绑定1_标准方式
事件绑定
1.JQuery标准的绑定方式
jq对象.事件方法（回调函数）；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/jquery-3.6.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function (){
/* //1.获取name对象，绑定click事件
$("#name").click(function (){
alert("我被点击了.......")
});*/
//给name绑定鼠标移动到元素之上事件。绑定鼠标移出事件
/* $("#name").mouseover(function (){
alert("鼠标来了.........")
});
$("#name").mouseout(function (){
alert("鼠标移走.........")
});*/
/* //简化操作，链式编程
$("#name").mouseover(function (){
alert("鼠标来了.........")
}).mouseout(function (){
alert("鼠标移走.........")
}).click(function (){
alert("我被点击了.......")
});*/
alert("我要获得焦点了..........")
//$("#name").focus(); //让文本输入框获得焦点
//表单对象.submit();//让表单提交
});
</script>
</head>
<body>
<input id="name" type="text" value="绑定点击事件">
</body>
</html>
2.on绑定事件/off解除绑定
jq对象.on（“事件名称”，回调函数）
jq对象.off（“事件名称”）
3.事件切换：toggle
jq对象.toggle（fn1，fn2.....）
标签：JQuery,function,遍历,绑定,jq,alert,forof,each From： https://www.cnblogs.com/x3449/p/17145085.html