mango_glass-优快云博客

原创 jQuery操作DOM

jQuery操作DOMjQuery添加节点使用jQuery工厂函数$()可以创建HTML元素$(HTML标签)添加节点:append()----------可以直接传入HTML代码，也可添加多个元素上表所示方法的返回值均为原jQuery对象，两个表内对应方法执行任务相同jQuery删除节点remove()----------删除被选元素及其子元素，也可在括号中输入具体参数进行删除empty()----------删除备选元素的所有子元素jQuery获取节点...

2021-05-19 20:34:19 115

原创 jQuery基础

jQuery基础jQuery简介jQuery是一个快速、简洁的JavaScript框架，它封装了JavaScript常用的功能代码，提供-种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互等。引入jQuery在Hbulider中新建一个jQuery文件步骤：步骤一：步骤二：在需要引入jQuery的文件里写入<script src="jquery.js"></script>jQuery版本1.x:兼容所有浏览器，

2021-05-19 20:21:53 139

原创拖拽事件

拖拽事件源对象需要被拖动的对象ondragstart事件----------用户开始拖动元素时触发ondrag事件----------元素正在拖动时触发ondragend事件----------用户完成元素拖动后触发将需要拖拽的源对象的dragable属性设为true<p draggable="true">拖动我</p>目标对象源对象进入的对象（容器）ondragenter事件----------当源对象进入其容器范围内时触发ondragover事件--

2021-05-08 15:34:37 411

原创 JS与CSS交互

JS与CSS交互style属性通过元素的style属性可以获取或修改元素的CSS样式例：document.body.style.backgroundColor='red'原css样式为短横线命名法，在使用style属性石需要转换成小驼峰命名法比如，在css中，设置字体大小为font-size，在使用style属性时，需转换为fontSize隐藏元素<body> <p id="text">这是一段文本</p> <input type="button

2021-04-28 14:40:08 186

原创 DOM事件绑定

DOM事件绑定DOM 0级别事件绑定DOM 0级别：DOM最早版本的事件绑定方式，被所有浏览器兼容HTML绑定<body> <input type="button" id="btn" value="click me" onclick="show()" /> <script type="text/javascript"> function show(){ console.log("aaa"); } </script></b

2021-04-26 16:32:24 94

原创 DOM编程

DOM编程操作DOMDOM元素特性element.attributes----------返回元素的所有特性element.getAttribute(name)----------获取元素的指定特性element.setAttribute(name,value)----------设置元素的指定特性element.removeAttribute(name)----------删除元素的指定特性特性和属性的区别理论上，特性(attribute)与属性(property)是两个不同的概念，特

2021-04-21 19:03:34 105

原创 DOM对象模型

DOM对象模型什么是DOM当页面被加载时，浏览器会创建页面的文档对象模型。Node节点HTML中的所有内容都可以用节点来描述常见的节点类型元素节点（elementNode）属性节点（attributeNode）文本节点（textNode）访问Node节点使用getElement系列方法可以访问指定元素通过层级关系访问节点通过层级关系访问元素Node节点的属性节点类型（NodeType）节点名（NodeName）节点值（NodeValue）访问节点文本内容的方法

2021-04-16 17:51:37 85

原创 BOM对象模型

BOM对象模型什么是BOMBOM (Browser Object Model)是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。BOM对象模型结构window对象BOM的操作入口为window对象，即浏览器下的全局对象window对象的特点：所有浏览器都支持window 对象。它表示浏览器窗口一个html文档对应一个window对象控制浏览器窗口window对象不需要创建，直接使用即可所有J

2021-04-16 17:27:25 310

原创正则表达式

正则表达式什么是正则表达式正则表达式(Regular Expression,简称为RegEx), 用来匹配一列符合某个规则的字符串的表达式。正则表达式独立于编程语言，几乎所有的编程语言甚至文字处理软件都支持正则表达式。多用于从大量文本中查找符合某一规则的文本。基本语法/正则表达式主体/修饰符（可选）修饰符一般使用’g’，代表全局匹配使用正则表达式的方法search()----------返回要查找的字符第一次出现的位置的下标，若未找到，则返回-1例：var a = '1231';v

2021-04-16 16:34:01 88

原创 JSON与JS对象

JSON对象什么是JSON？JSON是一种轻量级的数据交换格式，独立于语言和平台，可以被任何编程语言读取以及作为数据格式传递。是目前服务端与客户端交换数据中使用最为广泛的标准格式。使用JavaScript语法来描述数据对象。创建JS对象外层使用花括号{}包括key:value(属性：属性值)键值对格式键值对间以逗号分隔值类型可以是number、string、boolean、object、null例：值为对象值为数组值为函数JS对象与JSONJS对象不等于JSON，JSO

2021-04-08 02:30:25 191

原创数组方法

数组方法数组转字符串toString()----------把数组转换成字符串（内容为以逗号分隔的数组元素），原数组不变。例：join()----------把数组转换成字符串（内容为以括号内指定的符号分隔的数组元素），原数组不变。例：合并数组concat()----------合并多个现有数组来创建一个新数组，原数组不变。例：查找索引indexOf()----------查找括号中的元素是否存在数组中，若存在，则返回的值为元素首次出现的位置（元素在数组中出现多次

2021-04-08 01:43:03 154

mango_glass的博客