HTML、CSS、JavaScript、jQuery
关注
分享
扫一扫
前端学习
Yacht13
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML学习
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>网页标题</title></head><body> 网页内容</body></html> 一. 基本标签1. <br/>：换行；2. <h1> </h1>：段落标题；3. <p> </p>.原创 2022-03-19 22:10:36 · 407 阅读 · 0 评论 -
CSS学习
一.原创 2022-03-20 15:08:17 · 231 阅读 · 0 评论 -
JavaScript学习（1）—— 基础语法
一. 使用JavaScript1. 直接在HTML页面中使用JavaScript<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> alert("hello"); <!--在这里编写JS语句 --> </script></he原创 2022-05-17 17:18:20 · 199 阅读 · 0 评论 -
JavaScript学习（2）—— 事件
一. 常用事件onload（加载完成事件） 页面加载完之后，常用于JS代码初始化操作 onlick（单击事件） 常用于按钮的点击响应操作 onblur（失去焦点事件） 常用于输入框失去焦点后验证其输入内容是否合法 onchange（内容发生改变事件） 常用于下拉列表和输入框内容发生改变后操作 onsubmit（表单提交事件） 常用于表单提交前，验证所有表单项是否合法 二. 事件注册事件注册：告诉浏览器当事件响应后要执行哪些操作代码1. 静态注册：原创 2022-05-17 21:10:30 · 163 阅读 · 0 评论 -
JavaScript学习（3）—— 正则表达式
<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //表示要求字符串中，是否包含字母e var patt = /e/; var str1 = "ab"; alert(patt.test(str1)); //false //表示要求字符串中.原创 2022-05-17 23:04:48 · 265 阅读 · 0 评论 -
JavaScript学习（4）—— 获取输入框的内容
获取输入框的内容，然后判断该内容是否满足正则表达式<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function onclickFun(){ //获取标签对象 var nameObject = document.getElementById("name"原创 2022-05-18 14:38:00 · 5379 阅读 · 0 评论 -
jQuery学习（1）
使用JavaScript<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onload = function(){ var btObj = document.getElementById("bt"); btObj.onclick = func.原创 2022-05-18 16:27:34 · 204 阅读 · 0 评论 -
jQuery学习（2）—— 选择器
参考：https://www.w3school.com.cn/jquery/jquery_ref_selectors.asp选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class $(".原创 2022-05-18 17:14:10 · 186 阅读 · 0 评论 -
jQuery学习（3）—— 获取和设置标签中的内容
一. html()1. 获取起始标签和结束标签中的内容<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <!-原创 2022-05-18 20:20:37 · 2159 阅读 · 0 评论 -
jQuery学习（4）—— 事件
一. click绑定和触发单击事件<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <!--引入jquery原创 2022-05-18 21:40:57 · 317 阅读 · 0 评论 -
练习 —— 用户注册页面
<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <!--引入jquery --> <script t.原创 2022-05-18 22:30:48 · 540 阅读 · 0 评论