年少有为✘-CSDN博客

原创 jQuery操作DOM

文章目录一、jQuery操作DOMjQuery添加节点jQuery删除节点jQuery获取节点一、jQuery操作DOM jQuery添加节点 jQuery可以像DOM那样直接在JS里直接创建HTML元素、添加节点等 var $jq = $('<h2>hello world</h2>');//jquery创建一个标签 $('body').append($jq);//jquery添加一个节点 $('body').append('<p>我是p标签</p>');

2021-05-18 00:35:07 191

原创 jquery基础笔记

文章目录一、jQuery基础jquery对象jquery入口函数二、jQuery基本使用三、jquery选择器一、jQuery基础首先我们应该认识到什么是jQuery，在网上，对于jQuery有以下定义： 1、jQuery 是一个 JavaScript 函数库。 2、jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库 jQuery简介： jQuery是一个快速、简洁的JavaScript框架，它封装了JavaScript常用的功能代码，提供一种简便的JavaScript设计模式

2021-05-18 00:00:22 148

原创 DOM编程（三）

文章目录前言一、DOM事件绑定二、使用步骤1.引入库2.读入数据总结前言本片笔记主要讲解DOM常用事件的绑定和学习，并会在后面配有练习案例一、DOM事件绑定 DOM事件分为也分级别，常听见的就是0级、1级、2级和3级了。这里我们只讲0级和2级。（其实是老师只讲了0级和2级，然后我看网上关于DOM级别的描述都很官方的专业术语那种，实在看着头疼，所以还是不放出来误导大家了）好了，下面让我们开始了解一下关于DOM不同级别的事件绑定 DOM0级别事件绑定 DOM0级的事件绑定被所有浏览器所兼容。主要分为H

2021-05-05 14:45:35 187 1

原创 JavaScript:DOM对象模型(二)

文章目录一、操作DOMDOM元素特性DOM对象值table对象创建和修改DOM对象一、操作DOM DOM元素特性特性说明 attributes 返回元素的所有特性 setAttribute(name,value) 设置元素的指定特性 getAttribute(name) 获取元素的指定特性 removeAttribute(name) 删除元素的指定特性下面进行举例说明： <!DOCTYPE html> <html> <head>

2021-04-21 21:33:27 369

原创 JavaScript:DOM对象模型(一)

文章目录一、DOM对象模型初始DOMNode节点以及访问Node结点二、使用步骤1.引入库一、DOM对象模型初始DOM 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model） DOM的特性： 1、DOM可以用于任何编程语言 2、DOM技术使得用户页面可以动态地变化，增强页面交互性 3、操作DOM是表示和处理一个HTML或XML文档的常用方法通过操作DOM树，JS可以实现： 1、改变页面中任意的HTML元素 2、改变页面中任意的HTML属性 3、改变页面中任意的CS

2021-04-14 20:59:40 193

原创 JavaScript:BOM对象模型

文章目录一、BOM对象模型什么是BOMwindow对象全局变量与局部变量window对象常用方法window对象常用的属性window对象的常用事件和对象frames框架一、BOM对象模型什么是BOM BOM（Browser Object Model）：浏览器对象模型可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。以下是BOM对象模型如下图 window对象 window对象就是BOM的操作入口，即浏览器下的全局对象，wi

2021-04-14 17:42:01 301

原创 js：正则表达式

文章目录一、正则表达式什么是正则表达式正则中常用的方法正则对象常用的操作方法1.引入库2.读入数据总结一、正则表达式什么是正则表达式正则表达式（Regular Expression）简称：RegEx 简单来说它就是通过一系列规则来匹配符合规则得字符串表达式正则表达式一般有两种表达方式： //第一种定义方式 var RegEx=/表达式/附加参数 //第二种定义方式：构造函数定义 var RegEx=new RegExp("表达式"，"附加参数"); 表达式：一般使用正则常用的规则符号构成附加

2021-04-13 21:51:59 81

原创 JS之String对象

文章目录一、什么是Stirng对象？创建Stirng对象String对象的访问String对象的修改String对象的分割String对象常用方法String对象的截取一、什么是Stirng对象？ String对象，即我们口中常说的字符串。JS中的字符串跟我们在其他编程语言中的字符串大致相同。不过JS的字符串有它本身独特的特性创建Stirng对象创建String对象有两种方式： //第一种： var str='我是字符串对象'; console.log(typeof str); //str的类型是St

2021-04-08 10:18:34 309

原创 JS之JSON对象

文章目录一、JSON对象初始JSON对象JS对象的复杂格式JSON对象的格式JS与JSON对象的转换一、JSON对象初始JSON对象 JSON（JavaScript Object Notation） JS对象表示法，是一种轻量级的数据交换格式之所以是JS的对象表示法是因为JS的语法简洁，更易于利用和表达 JSON虽然使用JavaScript语法来描述数据对象，但是 JSON 仍然独立于语言和平台，它可以被任何编程语言读取以及作为数据格式传递。它是目前服务端与客户端交换数据中使用最为广泛的标准格式在

2021-04-05 00:57:23 2838 2

原创 js之数组的方法

文章目录一、数组的方法数组更新数组归并二、使用步骤1.引入库2.读入数据总结一、数组的方法 slice()方法：截取指定区间的数组，且不会影响原数组； //slice() var arr=[1,2,3]; vae newArr.alice(1);//newArr=[2,3],表示从下标为1的地方开始截取，直到数组最后数组更新 splice()：从数组中添加/删除项目，然后返回被删除的项目（该方法会修改原数组） splice()之删除： //删除的第一种格式： var arr1=[1,2,3,4,5]

2021-04-04 23:23:11 99

原创 js之数组的创建与方法

文章目录一、二维数组1、二维数组的创建二、数组的方法1、数组的方法一、二维数组 1、二维数组的创建 //创建二维数组 var fruits = [["1", "Banana"], ["2", "Orange"]]; var element = ["3", "Apple"]; fruits[2] = element; var arr1=[];//定义一个空的一维数组 var arr2=[1,2];//定义一个包含两个元素的一维数组 arr1.push(arr2);//将arr2这个一维数组当作一个元素添

2021-03-25 10:18:23 173

原创 js课堂笔记之Math对象的应用

文章目录一、Math对象1、关于Math对象的介绍：2、Math对象的属性3、Math对象方法二、数组1、创建数组2、访问数组总结一、Math对象 1、关于Math对象的介绍：在js中，很多时候会遇到很多复杂的数学运算，这个时候单单靠不同的计算符号可能达不到自己想要的目的，但是在这个时候Math对象就很有用了。它能够实现更为复杂的数学运算。 Math的两大特性： 1、能够计算更为复杂的数学运算 2、他不需要生成对象实例，而可以直接访问它的属性和方法 2、Math对象的属性属性名描述

2021-03-25 09:49:23 303 1

原创 JS之Date对象与定时器函数

文章目录一、Date()对象二、定时器函数任务：如何在系统上动态的显示时间一、Date()对象我们在JS上想要获得系统的时间的话有一个很方便的途径就是使用JS内置的Date()对象。Date()对象的功能基本能够满足大部分对时间的处理，下面我们来具体的了解一下 Date()对象以1970年1月1日00：00：00的格林威治日期为起始时间下面介绍一下Date()对象创建的三种方式和格式： 1. 不带参数： var myDate=new Date(); 2. 创建一个指定日期的Date()对象：

2021-03-16 22:14:39 280

原创 JS之循环与函数

文章目录一、循环语句1. for循环 or for...in循环2. while循环和do...while循环3. 中断循环语句二、函数1. 自定义函数与匿名函数2. 事件调用一、循环语句与大多数编程语言一样，JS的循环语句也基本类似。主要由以下三种： 1. for循环 or for…in循环 //for循环结构： for(初始化参数;循环条件;增量和减量){ //JS代码 } //案例：用for循环打印带表格的九九乘法表 <!DOCTYPE html> <html> &

2021-03-14 15:05:05 293

原创 JS第三次笔记

文章目录一、JS变量和数据类型二、JS的运算符和条件判断语句一、JS变量和数据类型1、数据类型2、类型转换（与java相似）二、运算符及判断语句1、运算符2、条件判断语句一、JS变量和数据类型二、JS的运算符和条件判断语句一、JS变量和数据类型 1、数据类型 JS常用的数据类型主要包括6种： 1、String 2、undefined 3、boolean 4、null 5、number 6、object 其中，最后两种又分别囊括了具体的几种变量类型 number： number（整数支持各种

2021-03-10 18:27:47 140

原创响应式第二次课笔记

目录一、初识JavaScript 二、JavaScript的简单使用一、初识JavaScript 初次学习JavaScript不禁会想，它是什么？它有什么特性？它能做什么？等等… 先介绍JavaScript是什么。 JavaScript有以下几个特性： 1、它是一门客户端的脚本语言 2、它运行在客户端浏览器中 3、它不需要编译，可以直接被浏览器解析再来康康JavaScript有什么基本功能？？单从HTML界面来说，它能够实现以下三个功能： 1、客户端表单验证 2、添加动态效果 3、改变页面内容而构

2021-03-10 18:27:22 90 1

原创响应式网页笔记（第一次课）

响应式网页笔记（第一次课）一、初识响应式网页响应式网页设计（Responsive web design）。可能这个名词听起来比较高大上，其实理解了之后并不困难。有细心的小伙伴可能会留意到，当你打开某些特定网页的时候你会发现电脑上和手机上的显示效果并不太一样。若是该网页只支持电脑端的话，那手机端的显示效果可能会变得很“怪异”。这点在我之前使用我们学校智慧校园系统的时候我深有体会。在手机打开的时候操作起来非常别扭，有些功能点甚至不能够完全显示出来。其实这种问题就是响应式网页设计需要解决的关键。即在使用不同

2021-03-10 18:26:25 292 1

qq_46454139的博客