02 2024 档案
摘要：【一】jQuery绑定事件的两种方式 【1】使用.on()方法 使用.on()方法可以绑定一个或多个事件处理程序到选择器匹配的元素上。 该方法可以为动态添加的元素提供事件绑定。 （1）语法 $(selector).on(eventName, eventHandler); （2）示例 $('#myBu
阅读全文
摘要：【一】操作标签 【1】操作类 （1）JS版本 [1]classList.add() 方法 用于向元素添加一个或多个类名。 如果指定的类名已存在，则不会添加。 element.classList.add("class1", "class2"); [2]classList.remove() 方法 用于从
阅读全文
摘要：【一】组织标签后续执行 【1】方式一 // 方式1(推荐使用) $('#d1').click(function () { alert(123) return false // 取消当前标签对象后续事件的执行 }) <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文
摘要：【一】引入库文件 // 方法一：【1】本地引入库文件 <script src="jquery.js"></script> //方法二：CDN引入 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js"></
阅读全文
摘要：【一】开关灯示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1 { height: 400px; width: 400px; border-radius:
阅读全文
摘要：【一】什么是DOM/BOM 文档对象模型（Document Object Model, 简称 DOM） 浏览器对象模型（Browser Object Model, 简称 BOM） 是 JavaScript 与网页内容及浏览器环境进行交互的两种核心概念。 【1】DOM （1）概述 DOM > docu
阅读全文
摘要：【一】函数 函数function，也叫做功能，方法 ，函数可以将一段代码封装起来，函数就具备了特定的功能 函数的作用就是封装一段代码，将来可以重复使用 在Python中定义函数需要用 def 在JavaScript中定义函数需要用 function 【二】函数声明 【1】先声明再调用 函数必须先声明
阅读全文
摘要：【一】对象 js中的对象是无序的属性集合 我们可以把js中的对象想象成键值对，其中值可以是数据或者函数 特征-在对象中属性表示 行为-在对象中用方法表示 可以看成Python中的字典，但是在JS中的自定义对象要比Python里面的字典操作起来更方便 【二】对象创建 【1】对象字面量（Object L
阅读全文
摘要：【一】if判断 【1】语法 // if - else if (条件){条件成立执行的代码块}else{条件不成立时执行的代码块} // if - else if - else if (条件){条件成立执行的代码块}else if(条件){条件成立执行的代码块}else{条件不成立时执行的代码块} /
阅读全文
摘要：【零】操作符 操作符也称为运算符：例如5+6 表达式的组成包含操作数和操作符，表达式会得到一个结果 【一】算数运算符：+ 【0】运算符 // + : 加法 1 + 1 // 2 // - : 减法 2 - 1 // 1 // * : 乘法 3 * 3 // 9 // / : 除法 4 / 2 //
阅读全文
摘要：【一】什么是数组 数组是一组有序的数据集合，数组内部可以存放多个数据，不限制数据类型，数组的长度可以动态调整 数组类似于Python当中的列表 【二】创建数组 创建数据的最简单方式是通过字面量 var arr = [] 也可以通过数组对象去创建 var arr = new Array() 存放多个数
阅读全文
摘要：【零】JS代码的书写位置 【0】行内写法 <div onclick="(alert('Surprise!'))">click me !</div> 【1】写在script标签内部 <script> console.log("Hello World!"); </script> 【2】JS文件 可以单独
阅读全文
摘要：【一】JavaScript介绍 【1】什么是js js也是一门编程语言，他可以写后端代码 【2】什么是node.js 前端由于非常受制于后端,所以有一些人异想天开想要通过js来编写后端代码一统江湖 由此开发了一个叫nodejs的工具(支持js跑在后端服务器上) 但是并不能完美的实现 【3】JavaS
阅读全文
摘要：【1】什么是盒子模型 盒子模型（Box Model）是指在网页设计中，用于描述和布局元素的一种模型。 它将每个元素看作是一个具有四个边界的矩形盒子，包括内容区域（content）、内边距（padding）、边框（border）和外边距（margin）。 【2】盒子模型的组成部分 内容区域（Conte
阅读全文
摘要：【1】分组 （1）语法 /*查找div或者p或者span*/ div, p, span { color: red; } （2）示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>
阅读全文
摘要：【一】什么是CSS 层级样式表：就是给HTML标签添加样式的，让它变得好看 【二】注释语法 /* 这是注释 */ 【三】CSS的语法结构 选择符 { 样式属性: 样式属性值; 样式属性: 样式属性值; 样式属性: 样式属性值, 样式属性值, 样式属性值; } 一个正常的网页css样式是非常多的 就算
阅读全文
摘要：HTML各种标签属性 【一】表格标签 【1】定义和用法 <table>标签定义了HTML表格 一个HTML表格由一个元素和一个或多个、和元素组成 <tr>：定义表格行 <th>：定义表格标题 <td>：定义表格单元格 【2】基础表格 <table border="1" cellpadding="5"
阅读全文
