ph_tallinn-CSDN博客

转载 JS学习笔记第十七期--（JQ操作DOM）

系列课程目录第十八讲 jQuery操作DOM目录系列课程目录前言一、jQuery操作DOM1.jQuery添加节点2.jQuery删除节点3.jQuery获取节点前言 jQuery操作DOM提示：以下是本篇文章正文内容，下面案例可供参考一、jQuery操作DOM1.jQuery添加节点使用jQuery工厂函数()可以创建HTML元素∗∗()可以创建HTML元素**()可以创建HTML元素∗∗(HTML标签)**添加节点append()可以直接传入HTML代码可以添加多

2021-05-19 23:05:41 112

转载 JS学习笔记第十六期--（jQuery基础）

文章目录jQuery基础jQuery介绍CDNjQuery引入jQuery对象入口函数jQuery基本使用jQuery基础jQuery介绍jQuery是一个快速、简洁的JavaScript框架，它封装了JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互等CDNCDN（Content Delivery Network），即内容分发网络，依靠部署在各地的边缘服务器，通过中心平台进行内容分发，使用户就近获取所需资源，提高

2021-05-10 13:16:16 126

原创 JS学习笔记第十五期--（JS与CSS交互）

文章目录JS与CSS交互style属性隐藏元素修改className更改样式拖拽事件JS与CSS交互style属性通过元素的style属性，可以获取或修改元素的CSS样式document.body.style.backgroundColor = 'red'原css样式为短横线命名法，在使用style属性时，需转换称小驼峰命名法如CSS中，字体大小为font-size, 使用style属性时，需改为fontSize隐藏元素属性visibilitydisplay值vis

2021-05-06 09:43:21 189

原创 JS学习笔记第十四期--（DOM编程三）

文章目录DOM事件绑定DOM0级别事件绑定HTML绑定JS绑定DOM2级别事件绑定DOM0级事件和DOM2级事件区别常用事件表DOM事件绑定DOM0级别事件绑定DOM0级别：DOM最早版本的事件绑定方式，被所有浏览器兼容，绑定方式分为两种，一种是HTML绑定，一种是JS绑定。HTML绑定<input type="button" id="btn" value="click me" onclick="show()">JS绑定document.getElementById("btn")

2021-05-06 09:17:46 83

原创 JS学习笔记第十三期--（DOM编程二）

文章目录操作DOMtable对象创建DOM对象修改DOM对象操作DOMtable对象table对象是DOM元素中的一个特别对象，它拥有一系列独有的属性和方法table对象的属性和方法：属性/方法说明rows返回table对象中所有行的集合，集合中每一个元素都是tableRow对象insertRow(index)在表格中插入一行并返回该行，参数为索引值，如果不添加索引，则会在末尾添加deleteRow(index)在表格中删除一行参数为索引值，必填tab

2021-04-21 13:34:42 75

原创 JS学习笔记第十二期--（DOM编程）

文章目录什么是DOMNode节点Node节点和元素的访问方法访问Node节点什么是DOMDOM是文档对象模型（Document Object Model）的缩写，HTML DOM 定义了访问和操作 HTML 文档的标准方法。它将HTML文件转化为了一种树形的结构。Node节点HTML中所有的内容都可以用节点（Node）来描述节点共有12中类型，常见的节点类型有：元素节点 elementNode属性节点 attributeNode文本节点 textNode通过操作DOM树，JS可以实现以下

2021-04-14 13:14:27 82

原创 JS学习笔记第十一期--（BOM编程）

文章目录什么是BOMBOM对象模型结构window对象全局变量window对象常用方法window对象常用属性BOM其他对象location对象navigator对象screen对象history对象frames框架什么是BOMBOM（Browser Object Model）是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。BOM对象模型结构window对象BOM 的操作入口为 window 对象，即

2021-04-13 13:04:05 89

原创 JS学习笔记--第十期（正则表达式）

文章目录什么是正则表达式正则表达式基本语法与对象正则表达式应用场景基本语法正则表达式规则什么是正则表达式正则表达式（Regular Expression，简称为RegEx）是一种用于匹配字符串的表达式，值得一提的是，正则表达式独立于编程语言，几乎所有的编程语言都支持正则表达式构造正则表达式的方法和创建数学表达式的方法一样。也就是用多种元字符与运算符可以将小的表达式结合在一起来创建更大的表达式。正则表达式的组件可以是单个的字符、字符集合、字符范围、字符间的选择或者所有这些组件的任意组合。正则表达式基本

2021-04-12 17:13:07 198

原创 JS学习笔记--第九期（String对象）

文章目录String对象什么是String对象String对象访问String对象的修改String对象的分割String对象常用方法String对象的截取String对象的合并String对象什么是String对象String对象一般用对字符串的储存和操作。是一种极其常用的对象。创建String对象var str = new String('Hello World')String对象属性--length属性str.length // 11是否new的类型检查var a = 'hell

2021-04-06 20:58:29 65

原创 JS学习笔记--第八期（JSON，JS对象）

文章目录什么是JSONJS对象什么是对象创建JS对象复杂JS对象JS与JSONJS对象与JSONJS对象与JSON转换什么是JSONJSON（JavaScript Object Notation）， JS对象表示法，是一种轻量级的数据交换格式使用JavaScript语法来描述数据对象，但是 JSON 仍然独立于语言和平台，可以被任何编程语言读取以及作为数据格式传递。是目前服务端与客户端交换数据中使用最为广泛的标准格式相比其他数据交换格式，JSON有如下优势：JS传递数据速度快JS泛用性更高JS

2021-04-06 20:02:58 148

原创 JS学习笔记--第七期（数组的方法二）

文章目录数组转字符串toString()join()合并数组concat()查找索引indexOf()数组截取slice()数组更新splice()数组归并reduce()数组转字符串toString()把数组转换为数组值的字符串（每个数值中间由逗号分割）var fruits = ["Banana", "Orange", "Apple"];var str = fruits.toString() //str的值是“Banana,Orange,Apple”, 原数组fruits不变join()把

2021-04-06 19:00:47 56

原创 JS学习笔记--第六期（二维数组与数组方法）

文章目录二维数组二维数组的创建与访问数组方法位移元素数组排序二维数组二维数组是内部元素为数组的数组，二维数组常用于当数据有一定的数据逻辑时，比如表示矩阵或者创建表格的时候。二维数组的创建与访问创建二维数组的创建与普通数组的创建并没有太大区别，只不过是将内部的元素替换成中括号包括的另一个未命名数组。或者将已创建好的数组赋值给二维数组。示例：var fruits = [["1", "Banana"], ["2", "Orange"]];var element = ["3", "Apple"];

2021-03-24 12:01:32 222

原创 JS学习笔记--第五期（Math对象与数组）

文章目录Math对象Math对象的属性Math对象的方法Math.Random()方法数组数组的创建数组的访问添加和删除数组元素Math对象Math对象能够进行比基本数学运算更为复杂的运算。常常用于执行一些数学方面的任务。Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。我们使用的时候无需创建它，只需要通过把 Math 作为对象使用就可以调用其所有属性和方法。Math对象的属性Math

2021-03-23 19:56:46 141

ph_tallinn的博客