mango_glass-CSDN博客

原创 jQuery操作DOM

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

2021-05-19 20:34:19 68

原创 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 87

原创拖拽事件

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

2021-05-08 15:34:37 346

原创 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 143

原创 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 64

原创 DOM编程

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

2021-04-21 19:03:34 72

原创 DOM对象模型

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

2021-04-16 17:51:37 61

原创 BOM对象模型

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

2021-04-16 17:27:25 244

原创正则表达式

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

2021-04-16 16:34:01 63

原创 JSON与JS对象

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

2021-04-08 02:30:25 163

原创数组方法

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

2021-04-08 01:43:03 127

mango_glass的博客