随笔分类 -  JavaScript

jquery011-自定义函数-执行
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body style="width: 980px;margin: 0 auto"> <h1>例子1</h1> <div>例 阅读全文
posted @ 2022-11-27 18:43 wode-wode 阅读(27) 评论(0) 推荐(0)
jquery010-自定义-自执行-封闭
摘要：一， jQuery扩展： - $.extend({ 函数名：function(){} }) $.方法 - $.fn.extend({ 函数名：function(){} }) $(..).方法二，自执行-封闭： (function($){ var status = 1; // 封装变量 $('').( 阅读全文
posted @ 2022-11-27 18:42 wode-wode 阅读(20) 评论(0) 推荐(0)
jquery009-js执行的先后顺序
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body style="width: 980px;margin: 0 auto"> <h1>#一， 当页面框架加载完成之后 阅读全文
posted @ 2022-11-27 18:41 wode-wode 阅读(17) 评论(0) 推荐(0)
jquery008-表单验证
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>form</title> <style> .error{ color: red; } .hide{ display: none; } </style></head> 阅读全文
posted @ 2022-11-27 16:45 wode-wode 阅读(21) 评论(0) 推荐(0)
jquery007-事件绑定的先后顺序
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>顺序</title></head><body style="width: 980px;margin: 0 auto"> <h1>绑定事件先执行，a标签的默认的后执行 阅读全文
posted @ 2022-11-27 11:30 wode-wode 阅读(34) 评论(0) 推荐(0)
jquery006-点赞
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .click{ color: darkred; position: absolute; } </style></head 阅读全文
posted @ 2022-11-27 09:31 wode-wode 阅读(9) 评论(0) 推荐(0)
jquery005-菜单-内容-联动操作
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .menu{ width: 600px; height: 60px; background-color: #9a9a9a 阅读全文
posted @ 2022-11-26 11:43 wode-wode 阅读(35) 评论(0) 推荐(0)
jquery004-表格crud
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>modal-box</title> <style> .center{ margin: 0 auto; } .shade{ position: fixed; top: 阅读全文
posted @ 2022-11-25 21:11 wode-wode 阅读(17) 评论(0) 推荐(0)
jquery003-左侧菜单
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #menu{ position: absolute; top: 200px; left: 10px; bottom: 1 阅读全文
posted @ 2022-11-25 11:20 wode-wode 阅读(53) 评论(0) 推荐(0)
jquery002-全选反选取消
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body style="width: 980px;margin: 0 auto"> <input id="i1" type 阅读全文
posted @ 2022-11-24 19:11 wode-wode 阅读(14) 评论(0) 推荐(0)
js016-词法分析
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> //词法分析的顺序（函数未执行之前）：1-形参，2-局部变量，3-函数。最优先级是函数 <script> fu 阅读全文
posted @ 2022-11-24 12:09 wode-wode 阅读(18) 评论(0) 推荐(0)
js015-事件的捕捉与冒泡
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="i1" style="width: 300px;height: 300px;backgrou 阅读全文
posted @ 2022-11-24 11:01 wode-wode 阅读(29) 评论(0) 推荐(0)
js014-一个标签绑定两个相同事件的方法
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="i1">aabbcc</div> <script> var d = document.get 阅读全文
posted @ 2022-11-24 10:58 wode-wode 阅读(152) 评论(0) 推荐(0)
js013-js分离的DOM操作
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <table border="1"> <thead> <tr> <th>IP</th> <th>端口</th> 阅读全文
posted @ 2022-11-23 20:22 wode-wode 阅读(33) 评论(0) 推荐(0)
js012-提交表单的两种方式
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>提交表单</title></head><body> <form id="i1" action="https://www.baidu.com"> <input typ 阅读全文
posted @ 2022-11-23 19:47 wode-wode 阅读(36) 评论(0) 推荐(0)
js011-添加标签的两种方式
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>添加标签</title></head><body style="width: 1080px;margin:0 auto;"> <div id="i1"> <p>添加 阅读全文
posted @ 2022-11-23 17:32 wode-wode 阅读(1658) 评论(0) 推荐(0)