发表于: 2019-12-16 23:33:32

1 1104


今日完成的事情

今天完成的事情是通过jquery来改写我们的任务2-4,使用到jquery这个函数库的主要目的是要减少我们的代码量,并且将内容更加直观的展示出来。再我们的任务中主要用的比较多的是dom操作来控制我们的css样式,在jquery中会更加简便这个过程,因为这一过程原生的状态下需要我们先给我们要取的dom赋予一个变量,通过定义的变量来给我们css样式赋值或者是添加html样式等等。而jquery中的用法会简练很多,通过$符号定义一个函数,括号内是我们选择什么样方式的选择器,可以是类可以是id可以是标签名,多种多样的dom操作可以满足需求,而添加css样式或是添加html内容更是方便和快捷。我们只需要在选择器后面跟我们需要的方法,例如css(),html(),多种形式直观了当。

    $(".nightkill-id").eq(i).html(lent[2*i])
    $(".nightkill-sf").eq(i).html(whichsf[lent[2*i]-1])
    $(".daykill-id").eq(i).html(lent[2*i+1])
    $(".daykill-sf").eq(i).html(whichsf[lent[2*i+1]-1])

可以通过类名和索引来定位我们的节点,添加html内容中也可以是增加的变量同理css中的样式改变也可根据这种用法来重新定义。

        $("#anniu1").css("display","block")
         $("#anniu2").css("display","none")
         $("#fp1").css("display","block")
         $("#fp2").css("display","none")
         $("#faguan").css("display","none")
         $("#bianhao").html(a/2+1)
         $("#bq1").html(a/2+1)
         $("#bq2").html(a/2+1)
         $("#bq3").html(a/2+2)

还有变化的是我们的点击事件,点击事件修改的东西并不是很多,所以正常写和jquery差别不大

$("#wjpbtz").click (function () {
    if (tol < 4 || tol > 18) {
        alert("请输入正确的人数")
    } else {
        window.location.href = "task3.html";
    }
})

但是今天遇到了一个问题是,我正常用原生写这个这个触发点击事件时效果就正常但是当我用jquery来写这个函数时并不能实现效果,处在点击效果叠加的状态并且多次点击后会出现循环过程太长的现象

明天要完成的事情

明天要开始学习任务5中的知识了,看看其中的内容是哪些


返回列表 返回列表
评论

    分享到