摘要:
一、显示 隐藏 切换 1.自己会加行内样式 修改行内样式display:none 2.隐藏display:none 显示display:原始值,不会随意增加任何内容,如果没有原始值,则删除display样式 3.动画路线 左上角<->右下角 二、行内样式 height 动画路线 上<->下 三、行内
阅读全文
posted @ 2021-11-12 11:50
银小兔
阅读(35)
推荐(0)
摘要:
dom操作 1.内部插入 => 子节点 实例: $("ul").append("<li>列表 append</li>") 所有子元素的后面 $("<li>列表 append</li>").appendTo("ul") 与append功能一样,位置是相反的 2.外部插入 => 兄弟节点 实例: 3.包
阅读全文
posted @ 2021-11-11 11:39
银小兔
阅读(83)
推荐(0)
摘要:
基本事件: 1.参数形式事件,可以写多个事件 实例: 2.事件切换: 实例1: 实例2: 3.stopPropagation();: e.stopPropagation(); 阻止事件冒泡 e.preventDefault(); 阻止默认行为 reset submit a[href] 实例:
阅读全文
posted @ 2021-11-10 15:12
银小兔
阅读(25)
推荐(0)
摘要:
扩展知识: 1.conso.dir() 显示结构 2.!important 优先级去掉原有的样式写在css里 3. 支持正则表达式 从o以后开始分割 4. 连接符 5.alert() 弹框为文本内容 jQuery属性: attr(属性名) attr(属性名,属性值) 设置属性 $("span").a
阅读全文
posted @ 2021-11-09 20:13
银小兔
阅读(43)
推荐(0)
摘要:
文档加载函数: 实例1: 实例2: .ready() 文档准备就绪: 第一种写法: 第二种写法: 第三种写法: alert(); 用法: 实例: js=>jq js转换为jq: jq=>js jq转换为js: 实例: var div=document.querySelector(".div"); 原
阅读全文
posted @ 2021-11-08 20:38
银小兔
阅读(78)
推荐(0)
摘要:
1、setTimeout(function(){} 用法1: script脚本加载完成了之后,setTimeout才会执行注册的函数,每个for循环都会执行一次setTimeout,并且第二个参数为0 用法2: (function(i){ }(i)) 为递包函数没有名字,需要加个小括号为整体,不然会
阅读全文
posted @ 2021-11-08 20:14
银小兔
阅读(60)
推荐(1)
摘要:
样式: js: var as=document.querySelectorAll("li a"); 获取属性 for (var i = 0; i< as.length; i++) { as[i].onclick=function(){ 点击事件 for (var j = 0; j < as.leng
阅读全文
posted @ 2021-11-07 17:06
银小兔
阅读(41)
推荐(0)
摘要:
样式: js: 获取图片id名 var imgs=document.querySelectorAll("li img"); var big=document.querySelector(".big"); 设置鼠标事件: for (let i = 0; i < imgs.length; i++) {
阅读全文
posted @ 2021-11-07 17:00
银小兔
阅读(62)
推荐(0)
摘要:
样式: js: html: 1.div.onmousemove=function(e) e 事件对象 2.获取鼠标位置 console.log(e.x,e.y) y轴+x轴 span.style.top=e.y+"px"; y轴 span.style.left=e.x+"px"; x轴 扩展内容:
阅读全文
posted @ 2021-11-07 16:52
银小兔
阅读(32)
推荐(0)
摘要:
一、dom元素 document.getElementById(); 通过id名 document.getElementsByClassName(); 通过classname值 document.getElementsByName(); 通过name值 document.getElementsByT
阅读全文
posted @ 2021-11-07 16:41
银小兔
阅读(67)
推荐(0)