摘要:
一、自动触发事件的3种模式 有些事件希望自动触发,比如轮播图自动播放的功能跟点击右侧按钮一致,可以利用定时器自动触发右侧按钮点击事件,不必鼠标点击触发。有3种自动触发模式如下 1、元素.事件() 2、元素.trigger(“事件”) 3、元素.triggerHandler("事件"),就是不会触发元 阅读全文
摘要:
一、总结 2种本地存储方式 生命周期 数据共享 存储形式 方法 window.sessionStorage 关闭浏览器 同一个窗口(页面) 键值对 存储数据sessionStorage.setItem(key,value) 获取数据sessionStorage.setItem(key) 删除数据se 阅读全文
摘要:
【语法】 element.on(events,[selector],fn) 1、events一个或多个用空格隔开的事件类型,如“click”或“click keydown” 2、selector:元素的子元素选择器。如ul里面的li 3、fn:回调函数,即绑定在元素身上的倾听函数 作用一:绑定一个或 阅读全文
摘要:
【要求】 点击加号或减号、修改文本框,对应小计发生变换 【思路】 1、核心思路:每次点击+号或者-号,根据“文本框的值*当前商品的单价”就是商品的小计 2、注意1:只能增加本商品的小计,就是当前商品的小计模块 3、修改普通元素的内容是text()方法 4、注意:当前商品的价格要把¥符号去掉再相乘,否 阅读全文
摘要:
【要求】 点击加号或减号相应文本框值中数量发生变化 【分析】 1、核心思路:首先声明一个变量,当我们点击+号,就让这个值++,然后重新赋值给文本框 2、注意1:只能增加本商品的数量,就是当前+号的兄弟文本框itxt的值。所以必须从$(this)出发去找 3、修改表单的值是val()方法 4、注意2: 阅读全文
摘要:
【思路分析】 1、全选与不选块模块 给全选按钮添加change事件 就是将全选按钮(checkall)的状态赋值给三个小的按钮(checkitem)即可 2、小复选框模块 给小复选框添加change事件, 每点击一次就去判断此时总共被选中的小复选框的个数,如果“小复选框被选中的个数=小复选框总个数” 阅读全文
摘要:
css3 box-sizing属性 box-sizing:content-box|border-box|inherit; 值 描述 content-box border和padding不计算入width之内 border-box padding计算入width内 inherit 规定应从父元素继承 阅读全文
摘要:
原生js实现动画函数的封装及核心原理 一、动画实现原理 核心原理:通过定时器setInterval()不断移动盒子的位置 二、实现步骤 1、获得盒子当前的位置 2、让盒子在当前位置加上移动的距离(步长) 3、注意元素需要添加定位,才能使用element.style.left 4、利用定时器不断重复这 阅读全文
摘要:
立即执行函数的用法 1、定义 是定义函数以后立即执行该函数 2、写法(2种) 第一种:用小括号把整个函数定义和调用包裹起来 (function() { // function body }()) 第二种:用括号把函数定义包裹起来,后面加一对小括号 (function( // function bod 阅读全文
摘要:
js无缝滚动实现及原理详解 【案例分析】 ①点击左(右)按钮一次,就让图片滚动一次 ②声明一个变量i, 每点击一次右侧按钮,自增1,让这个变量*图片的宽度,即为ul移动的距离 每点击一次左侧按钮,自减1,让这个变量*图片的宽度,即为ul移动的距离 ③图片无缝滚动原理 将ul中第一张图片所在的li复制 阅读全文