-
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();
-
相关阅读:
【算法题】得到K个半回文串的最小修改次数
【机器学习】038_梯度消失、梯度爆炸
在Linux手机上编译和运行2048游戏学习C++
数商云：解析B2B2C多用户商城系统架构设计思路，开启智能商城新时代
leetcode--541. 反转字符串II
音视频开发—FFmpeg 音频重采样详解
选择合适的项目开发模型，用正确的姿势管理项目
【SSM进阶学习系列丨整合篇】Spring+SpringMVC+MyBatis 框架配置详解
自用bat脚本,命令
GBDT模型详解
- 原文地址：https://blog.csdn.net/m0_64550837/article/details/126309491