![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
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 · 349 阅读 · 0 评论 -
CSS学习
一.原创 2022-03-20 15:08:17 · 190 阅读 · 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 · 119 阅读 · 0 评论 -
JavaScript学习(2)—— 事件
一. 常用事件onload(加载完成事件) 页面加载完之后,常用于JS代码初始化操作 onlick(单击事件) 常用于按钮的点击响应操作 onblur(失去焦点事件) 常用于输入框失去焦点后验证其输入内容是否合法 onchange(内容发生改变事件) 常用于下拉列表和输入框内容发生改变后操作 onsubmit(表单提交事件) 常用于表单提交前,验证所有表单项是否合法 二. 事件注册事件注册:告诉浏览器当事件响应后要执行哪些操作代码1. 静态注册:原创 2022-05-17 21:10:30 · 85 阅读 · 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 · 171 阅读 · 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 · 5100 阅读 · 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 · 112 阅读 · 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 · 99 阅读 · 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 · 1970 阅读 · 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 · 240 阅读 · 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 · 430 阅读 · 0 评论