2021年11月9日
属性和样式
摘要： //attr(属性名) 获取属性值 // attr(属性名，属性值) 设置属性 //没有参数时获取，带参数时设置 // html 包含html标签的代码 div<span>span</span> //text divspan 纯文本 //val 交互控件(表单控件)的值 //在设置时，HTML会解析 阅读全文
posted @ 2021-11-09 12:00 翟莹萍 阅读(35) 评论(0) 推荐(0) 编辑
jquery
摘要： $(document).ready(function(){ }) 的简写 $(function(){ }) $() 工厂函数 //jq=$(js/dom) //jq=$(div) // jq=$("<li>列表</li>") jq=>js // [0] js=jq[0] // js=$(div)[0 阅读全文
posted @ 2021-11-09 08:20 翟莹萍 阅读(13) 评论(0) 推荐(0) 编辑
2021年11月5日
选项卡
摘要： style 里默认margin和padding清零 a标签去下划线 text-decoration: none; ul li 需 变成 display: inline-block; ul li a{ display: block; text-align: center; background-col 阅读全文
posted @ 2021-11-05 18:26 翟莹萍 阅读(33) 评论(0) 推荐(0) 编辑
鼠标动画-图片动画
摘要： body position: relative; ul{ width: 100px; min-width: 600px; margin: 0 auto; list-style: none; display: flex; justify-content: space-around; align-ite 阅读全文
posted @ 2021-11-05 18:18 翟莹萍 阅读(28) 评论(0) 推荐(0) 编辑
鼠标动画
摘要： body 加 position: relative; span 加 position: absolute; js内容 <script> window.onload=function(){ var div=document.querySelector("div"); var span=document 阅读全文
posted @ 2021-11-05 18:13 翟莹萍 阅读(28) 评论(0) 推荐(0) 编辑
JS dom.html
摘要： window.onload=function(){ //元素 dom // document.getElementById(); // document.getElementsByClassName(); // document.getElementsByName(); // document.ge 阅读全文
posted @ 2021-11-05 18:10 翟莹萍 阅读(40) 评论(0) 推荐(0) 编辑
2021年11月4日
js基本语法
摘要： \d 0-9任意一个数字 [ ] 其中的任意一个字符 [0-9] \d 12=> [1][2] [a-zA-Z0-9_] [^] 非其中的任意一个字符 [^0-9] \w 数字、字母、下划线 . 任意一个字符 [ . ] . | 或 2|3 2、3 1[0-2] 1[012]月份 ？ 0-1 次 0 阅读全文
posted @ 2021-11-04 16:48 翟莹萍 阅读(25) 评论(0) 推荐(0) 编辑
js创建对象
摘要： //字面量 json var student={ id:10001, name:"张三", scores:[ {subject:"html",score:90}, {subject:"JS", score:90} ] } //function function Student(id,name){ t 阅读全文
posted @ 2021-11-04 16:48 翟莹萍 阅读(29) 评论(0) 推荐(0) 编辑
2021年11月2日
js
摘要： 点击标签弹出弹框 第一种方法 <div class="div" onclick="alert(0)">点我0</div> 第二种方法 <script> window.onload = function(){ var div = document.querySelector(".div"); div. 阅读全文
posted @ 2021-11-02 18:32 翟莹萍 阅读(29) 评论(0) 推荐(0) 编辑
2021年11月1日
登录和注册页面切换
摘要： css样式 .content .box .right .text form{ display: none;} .content .box .right .text form:first-child{ display: block;} 登录和注册的a标签添加 data-idx="0" 和 data-i 阅读全文
posted @ 2021-11-01 20:07 翟莹萍 阅读(241) 评论(0) 推荐(0) 编辑