//事件可以使用change

$('.checkall').change(function(){

    //让每一个选择框都被选上

    $('.j-checkbox, .checkall').prop('checked',$(this).prop('checked'));

});

//2.如果小复选框全被选中就应该把全选按钮勾上,否则全选按钮不选

$('.j-checkbox').change(function(){

    // if(小复选框被选中个数 ===3){

    //     选中全选按钮

    // }else{

    //     补选中全选按钮

    // }

    // console.log($('.j-checkbox:checked').length);

    // $('.j-checkbox').length 所有小复选框的个数

    if($('.j-checkbox:checked').length === $('.j-checkbox').length ){

        $('.checkall').prop('checked',true);

    }else{

        $('.checkall').prop('checked',false);

    }

}) 

![在这里插入图片描述](https://s2.51cto.com/images/20210913/1631518492796267.jpg)

//3.增减商品数量模块,首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框

$('.increment').click(function(){

    var n = $(this).siblings('.itxt').val();

    n++;

    $(this).siblings('.itxt').val(n);

})

$('.decrement').click(function(){

    var n = $(this).siblings('.itxt').val();

    if(n==1){

        return false;

    }else{

        n--;

        $(this).siblings('.itxt').val(n);

    }

}) 

![在这里插入图片描述](https://s2.51cto.com/images/20210913/1631518492161739.jpg)

//3.增减商品数量模块,首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框

$('.increment').click(function(){

    var n = $(this).siblings('.itxt').val();

    n++;

    $(this).siblings('.itxt').val(n);

    //4.计算小计模块 根据文本框的值 乘以当前商品的价格 就是 商品的小计

刷面试题

刷题的重要性,不用多说。对于应届生或工作年限不长的人来说,刷面试题一方面能够尽可能地快速自己对某个技术点的理解,另一方面在面试时,有一定几率被问到相同或相似题,另外或多或少也能够为自己面试增加一些自信心,可见适当的刷题是很有必要的。

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 前端字节跳动真题解析

    jquery -购物车案例,CSS颜色基本样式

  • 【269页】前端大厂面试题宝典

    jquery -购物车案例,CSS颜色基本样式

最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。