-
Javascript知识【jQuery：数组遍历和事件】
目录
jQuery：数组遍历【阶段重点】
<script>
$(function(){
var arr = ['a','b','c','d'];
//js普通FOR循环遍历
for(var i=0;i<arr.length;i++){
console.log("索引："+i+" 元素："+arr[i]);
}
console.log("-----");
//Jquery循环遍历1
$(arr).each(function (index) {
console.log("索引："+index+" 元素："+this);
});
console.log("-----");
//Jquery循环遍历2
$.each($(arr),function (index) {
console.log("索引："+index+" 元素："+this);
});
});
script>
建议使用第一种。
格式2：
function(index,n){
//index 为当前遍历的索引，从0开始
//n 就是this，为当前遍历出来的元素，这个元素是JS对象
}
jQuery：事件
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
<style>
#d1{
background-color: #87CEFA;
width:300px;
height:300px;
}
#d2{
background-color:bisque;
width:300px;
height:300px;
}
style>
<script src="../js/jquery-3.3.1.min.js">script>
<script>
$(function(){
//页面加载完成时，
//为d1加入鼠标移入和点击事件
$("#d1").mouseover(function () {
//修改内容体为红色字体
$(this).html("我是div1");
}).click(function () {
alert(this.innerHTML);
});
//为d2加入鼠标移出事件
$("#d2").mouseout(function () {
alert(this.innerHTML);
});
});
script>
head>
<body>
<div id="d1">我是div1div>
<div id="d2">我是div2div>
body>
html>
链式：jq对象.事件1().事件2();
-
相关阅读:
python ==True和is True有什么区别？（python单例对象True、False、None）（is和==和is）
信息系统项目管理师---第十一章项目风险管理
【音视频-FFMPEG相关命令使用】
[02]Web前端进阶—script标签
《牛客刷verilog》Part I Verilog快速入门
界面控件DevExpress WPF的主题设计器，可轻松完成应用主题研发
Node.js 应用开发详解14 工具应用：使用 clinicj 工具实现通用性安全检查
风控决策流程的优化与规则调优
庐山谣寄卢侍御虚舟
【21天算法挑战赛】查找算法——二分查找
- 原文地址：https://blog.csdn.net/m0_64550837/article/details/126309491