![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web学习
weixin_44014196
上学的小白
展开
-
web基础学习笔记(二十一)之jquery常用事件操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <script type="text/javascript"> /*click绑定单击事件 以原创 2020-10-01 14:12:49 · 87 阅读 · 0 评论 -
web基础学习笔记(二十)之jquery动画操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="style.css" type="text/css" rel="stylesheet"> <script src="jquery/jquery-3.5.1.js"></script>原创 2020-10-01 10:10:06 · 149 阅读 · 0 评论 -
web基础学习笔记(十九)之jquery-css的样式操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width: 100px; height: 260px; } div.whiteb原创 2020-09-26 13:50:20 · 81 阅读 · 0 评论 -
web基础学习笔记(十八)之jquery-val()方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <script type="text/javascript"> $(function () {原创 2020-09-25 21:03:37 · 148 阅读 · 0 评论 -
web基础学习笔记(十七)之jquery表单过滤选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <script type="text/javascript"> $(function ()原创 2020-09-21 18:13:42 · 82 阅读 · 0 评论 -
web基础学习笔记(十六)之jquery属性过滤器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <style type="text/css"> div, span, p{原创 2020-09-20 12:59:13 · 60 阅读 · 0 评论 -
web基础学习笔记(十五)之jquery内容过滤选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <style type="text/css"> div, span, p{原创 2020-09-20 10:50:20 · 79 阅读 · 0 评论 -
web基础学习笔记(十四)之jquery基本过滤选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <style type="text/css"> div, span, p{原创 2020-09-19 20:52:57 · 67 阅读 · 0 评论 -
web基础学习笔记(十三)之jquery层级选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <style type="text/css"> div, span, p{原创 2020-09-18 16:18:10 · 58 阅读 · 0 评论 -
web基础学习笔记(十二)之jquery基础选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <style type="text/css"> div, span, p{原创 2020-09-17 20:18:28 · 73 阅读 · 0 评论 -
web基础学习笔记(十一)之jquery对象和dom对象的不同
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!--jquery对象是dom对象的数组+jquery提供的一系列功能函数--> <!--jquery对象和dom对象的不同 jquery对象不能使用原创 2020-09-17 20:17:41 · 55 阅读 · 0 评论 -
web基础学习笔记(十)之jquery的函数核心介绍
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/jquery-3.5.1.js"></script> <!--一定要引用jquery库文件 把他放文件夹中,写路径 下载地址 https://www.jq22.com/jq原创 2020-09-15 14:26:12 · 60 阅读 · 0 评论 -
web基础学习笔记(九)之节点常用属性和方法
节点常用属性和方法getElementsByTagName 获取当前节点的指定标签名孩子节点gappendChild(oChildNode) 添加一个子节点,oChildNode是要添加的孩子节点属性:childNodes 获取当前节点的所有子节点firstChild 获取当前节点的第一个子节点lastChild 获取当前节点的最后一个子节点parentNode 获取当前节点的父节点nextSibling 获取当前节点的下一个节点previousS原创 2020-09-14 16:49:36 · 147 阅读 · 0 评论 -
web基础学习笔记(八)之DOM对象getElementsByTagName标签查询方法
***getElementsByTagName***根据标签名进行查找<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //全选 function checkAll() {原创 2020-09-12 10:19:42 · 301 阅读 · 1 评论 -
web基础学习笔记(七)之DMO方法getElementsByName名字查询
DMO方法之getElementsByName<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //全选 function checkAll() { var hob原创 2020-09-10 21:37:14 · 115 阅读 · 0 评论 -
web基础学习笔记(六)之DOM对象和getElementById方法
DOM对象 解决用户名输入是否符合自己的规则理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <!--DOM模型 dom全称是文档对象模型 就是把文档中的标签 属性 文本 转换成为对象来管理--> <!原创 2020-09-09 22:02:08 · 350 阅读 · 0 评论 -
web基础学习笔记(五)之常用的事件:onload、onclick、onblur
常用的事件:onload事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> /*onload事件的方法*/ function onloadFun() { al原创 2020-09-08 20:28:55 · 884 阅读 · 0 评论 -
web基础学习笔记(四)之逻辑运算符
今天学习了js的逻辑运算符和函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--js是弱类型 java是强类型 弱类型就是类型可变 强类型就是定义变量的时候类型已经确定而且不可变--> <script type="text/javascri原创 2020-09-07 16:58:01 · 233 阅读 · 0 评论 -
web基础学习笔记(三)之css的简单使用和属性
今天学了css的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--style标签专门用来定义css样式代码--> <!--<style type="text/css"> div{ border: 1px so原创 2020-09-06 09:11:51 · 116 阅读 · 0 评论 -
web基础学习笔记(二)之表格与表单
学习web的第二天<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="e原创 2020-09-04 17:25:22 · 128 阅读 · 0 评论 -
web基础学习笔记(一)之标题、超链接、列表、图片
学习web的第一天<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="e原创 2020-09-03 12:33:40 · 269 阅读 · 0 评论