发表于： 2020-07-10 23:10:36
1 1154
今天完成的事情：
学习使用jQuery
制作任务2页面1，2
1.下载引入jQuery
<script src="./jquery-3.5.1/jquery-3.5.1.min.js"></script>
原生代码
<script>
//原生js
window.onload = function () {
var btn = document.getElementsByTagName("button")[0];
var divArr = document.getElementsByTagName("div");
btn.onclick = function () {
for (var i = 0; i < divArr.length; i++) {
divArr[i].style.display = "block";
divArr[i].innerHTML = "生命壹号";
}
}
}
</script>
jQuery代码
//jquery版
$(document).ready(function () {
//获取元素
var jQbtn = $("button");//根据标签名获取元素
var jQdiv = $("div");//根据标签名获取元素
//绑定事件
jQbtn.click(function () {
jQdiv.show(1000);//显示盒子。
jQdiv.html("tomorrow！");//设置内容
//上面的两行可以写成链式编程：jQdiv.show(3000).html(1111);
});//事件是通过方法绑定的。
});
遇到的问题：
点击事件添加玩家暂时不会
目前准备解决添加事件时限制个数问题
明天的计划：
制作点击事件，完成页面2，
使用jQuery代码完成页面2
返回列表
评论