棉花糖88

2021年3月9日

摘要：基础语法 $.extend([deep],target,object1,[objectN]); //1. deep：true是深拷贝默认false 浅拷贝 //2. target 要拷贝的目标对象 //3. object1 待拷贝的第一个对象 //4. objectN 待拷贝的第N个对象一阅读全文

posted @ 2021-03-09 17:00 棉花糖88 阅读(42) 评论(0) 推荐(0) 编辑

5_1：动画特效

摘要：一显示隐藏 show() //1 显示 hide() //2 隐藏 toggle() //3 切换这三个方法都有以下三个可选参数 //show/hide/toggle([speed][easing][fn]); //1 speed: slow”,“normal”, “fast”)或表示动画时长的阅读全文

posted @ 2021-03-09 14:35 棉花糖88 阅读(62) 评论(0) 推荐(0) 编辑

2021年3月8日

4_1：事件注册 + 事件处理 + 事件对象

摘要： $('input').on('focus',function (event) { console.log(event); }); 基本和 webAPI 里面的事件对象一致 $('input').on('focus',function (event) { console.log(event); }) 阅读全文

posted @ 2021-03-08 20:30 棉花糖88 阅读(120) 评论(0) 推荐(0) 编辑

3_6：操作尺寸 + 位置

摘要：一获取元素尺寸 1）基本语法 $('div').width();//1 得到：元素内容宽度 $('div').innerWidth();//2 得到：元素内容宽度 + padding$('div').outerWidth();//3 得到：元素内容宽度 + padding + border $(' 阅读全文

posted @ 2021-03-08 17:39 棉花糖88 阅读(54) 评论(0) 推荐(0) 编辑

3_5：遍历元素 + 处理数据

摘要： 1）概念 //1 对一类元素做同样的操作用到了隐式迭代 //2 对一类元素做不同的操作用到了遍历： 2）基本语法 $('div').each(function(index,domEle){}); //方法1 主要用于遍历元素 $.each($('div'),function(index, 阅读全文

posted @ 2021-03-08 15:16 棉花糖88 阅读(65) 评论(0) 推荐(0) 编辑

3_4：操作元素 [ 创建添加删除 ]

摘要：一创建元素 $(''<li></li>''); //动态的创建了一个 li 元素二添加元素 // 内部添加元素，生成之后，它们是父子关系。 // 外部添加元素，生成之后，他们是兄弟关系 1）内部添加 element.append(''内容''); //把内容放入匹配元素内部最后面，类似原生 a 阅读全文

posted @ 2021-03-08 11:28 棉花糖88 阅读(73) 评论(0) 推荐(0) 编辑

2021年3月7日

3_3：操作内容文本

摘要： 1）html() html(); //1 获取值 html("内容"); //2 设置值相当于原生的 innerHTML 2）text() text(); //1 获取值 text("内容"); //2 设置值相当于原生的 innerText 3）表达值：value() val(); //1 获取阅读全文

posted @ 2021-03-07 21:33 棉花糖88 阅读(51) 评论(0) 推荐(0) 编辑

jquery 全选功能

摘要： 1）思路 //1 小的复选框按钮状态是跟着全选复选框的状态的 //2 小的一全选按钮代码 //1 全选按钮影响子按钮 $(".checkall").change(function () { //把全选按钮的checked值赋值给三个小的复选框 $(".j-checkbox,.checkall 阅读全文

posted @ 2021-03-07 21:24 棉花糖88 阅读(198) 评论(0) 推荐(0) 编辑

3_2：操作属性

摘要：一元素固有属性 prop() prop(''属性''); //1 获取 prop(''属性'', ''属性值''); //2 设置property [ˈprɑːpərti] 所有物;财产prop 是 property的缩写二元素自定义属性 attr() attr(''属性''); = 原生 g 阅读全文

posted @ 2021-03-07 14:25 棉花糖88 阅读(71) 评论(0) 推荐(0) 编辑

jquery 王者荣耀手风琴

摘要： 1）基础原理 //1 鼠标经过某个li有两步操作 //2 当前小li宽度变为224px 同时里面小图片谈出大图片淡入 //3 其余兄弟小li宽度变69px 小图片淡出大图片淡入 2）代码实现 <!doctype html> <html> <head> <meta charset="utf-8" 阅读全文

posted @ 2021-03-07 13:09 棉花糖88 阅读(133) 评论(0) 推荐(0) 编辑

公告