web前端
关注
分享
扫一扫
文章平均质量分 59
Z_cx
这个作者很懒，什么都没留下…
展开
-
jQuery其他方法
1. jQuery拷贝对象 如果想要把某个对象拷贝(合并)给另一个对象使用，此时可以使用.extend()方法语法：‘.extend()方法 语法： `.extend()方法语法：‘.extend([deep],target,[objectN])` deep:如果设为true为深拷贝，默认为false浅拷贝 target:要拷贝的对象 object1：待拷贝到第一个对象的对象 objectN：待拷贝到第N个对象 浅拷贝是吧拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响背拷贝的对象 深拷贝原创 2021-10-21 22:19:17 · 229 阅读 · 0 评论 -
jQuery事件
1. jQuery事件注册 单个事件注册 element.事件(function(){}) $("div").click(function(){}) 其他事件和原生基本一致 如：mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll等 $(function () { //1. 单个事件注册 $("div").click(function () { $(th原创 2021-10-21 22:18:41 · 184 阅读 · 0 评论 -
JQuery常用API
jQuery选择器 1. jQuery基础选择器 $("选择器") // 里面直接写css选择器即可，但是要加引号 名称 用法 描述 ID选择器 $("#id") 获取指定ID元素 全选选择器 $("*") 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $(“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器 $(“li.current”) 交集元素 子代选择器 $(“ul&原创 2021-10-21 22:18:11 · 363 阅读 · 0 评论 -
JQuery入门
JQuery概述 JavaScript库 仓库：可以把很多东西放到这个仓库中，找东西直接在仓库中查找 JavaScript库：即library，是一个封装好的特定的集合（方法和函数），封装了很多预先定义好的函数在里面比如，animate、hide、show，比如获取元素等 简单理解，就是一个js文件，里面对原生js代码进行了封装，存放到里面。 比如JQuery，就是为了快速方便的操作DOM，里面基本都是函数(方法) 常见的JavaScript库 JQuery Prototype YUI Dojo Ex原创 2021-10-21 22:17:22 · 160 阅读 · 0 评论 -
本地存储1
1. 本地存储 本地存储特性 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对象JSON.stringify()编码后存储 2. window.sessionStorage 生命周期为关闭浏览器窗口 在统一窗口（页面）下数据可以共享 以键值对形式存储 存储数据sessionStorage.setItem(key,value) 获取数据sessionStorage.getItem(ke原创 2021-10-21 22:16:52 · 141 阅读 · 0 评论 -
移动端网页特效
1. 触屏事件 1. 触屏事件概述 移动端兼容性较好，不需考虑JS的兼容问题，移动端有自己独特的地方，比如触屏事件touch（也称触摸事件），Android和iOS都有 touch对象代表一个触摸点，触屏事件可响应用户手指对屏幕或者触摸板的操作 常见触屏事件： 触屏touch事件 说明 touchstart 手指触摸到一个DOM元素是触发 touchmove 手指在一个DOM元素上滑动时触发 youchend 手指从一个DOM元素上移开时触发 <!DOCTYPE html&原创 2021-10-08 02:00:00 · 280 阅读 · 0 评论 -
网页特效a
1. 元素偏移量offset系列 1. offset概述 offset就是偏移量，可以动态得到该元素的位置(偏移)、大小等 获得元素距离带有定位父元素的位置 获得元素自身的大小 注意：返回的数值都不带单位 offset系列常用属性 offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素 element.offsetTop 返回元素相对带有定位父元素上方的偏移 element.offsetLeft 返回元素相对带有定位父元素左边框的偏原创 2021-10-07 21:32:43 · 278 阅读 · 0 评论 -
BOM..
1.BOM概述 1. 什么是BOM 浏览器对象模型：给浏览器窗口做交互，核心对象是windows BOM缺乏标准 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xx3wiqRH-1633078394839)(vx_images/2140755200971.png)] 2. 构成 BOM比DOM更大，它包含DOM [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gIKcqmQ8-1633078394841)(vx_images/6881251194原创 2021-10-01 16:53:21 · 123 阅读 · 0 评论 -
事件高级高级
1. 注册事件（绑定事件） 1.1 注册事件概述 给元素添加时间，称为注册事件或绑定事件 注册事件两种方式：传统方式和监听注册方式 传统注册方式 利用on开头的时间 onclick <button onclick = "alert()"></button> btn.onclick = function(){} 特点：注册事件的唯一性 同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数会覆盖前面注册的处理函数 方法监听注册 w3c标准推荐方式 addEventListe原创 2021-09-29 21:44:04 · 139 阅读 · 0 评论 -
Dom基础
Dom 文档对象模型处理HTML和XML DOM树 文档：一个页面就是一个文档DOM中用document表示 元素：页面中所有标签都是元素，用element表示 节点：网页中所有内容都是节点（标签，属性，文本，注释等）用node表示 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pct98Lzx-1632658917126)(vx_images/5883945090954.png)] DOM把以上内容都看做是对象。 获取元素 获取id元素 <!DOCTYPE原创 2021-09-26 20:22:08 · 146 阅读 · 0 评论 -
DOM核心重点
DOM核心重点 文档对象模型：标准编程接口 主要针对元素操作有创建、增、删、改、查 创建 document.write innerHTML createElement 增 appendChild insertBefore 删 removeChild 改 主要修改dom 的元素属性，dom元素的内容、属性、表单值等 修改元素属性：src、href、title等 修改普通元素内容：innerHTML、innerText 修改表单元素：value、type、disabled等 修改元素样式：styl原创 2021-09-26 20:22:56 · 102 阅读 · 0 评论 -
JS面向对象
JS面向对象 创建对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-09-17 17:40:41 · 103 阅读 · 0 评论 -
JS面向对象案例
JS面向对象案例 1. 创建一个狗 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-17 17:40:10 · 798 阅读 · 0 评论 -
JS内置对象
JS内置对象 对象分三种：自定义对象，内置对象，浏览器对象 1. 自定义对象和内置对象是基础ECMAScript 第三个是JS独有，JSAPI。 查询文档 MDN 先查阅该方法的功能 参阅参数的意义和类型 查看返回值得意义和类型 通过demo进行测试 Math对象 Math Math不是构造函数，可以直接用不用new Math常见属性及方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U原创 2021-09-17 17:39:37 · 108 阅读 · 0 评论 -
JS数组.
JS数组 数组创建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-09-17 17:39:14 · 113 阅读 · 0 评论 -
JS基础案例
JS基础案例 js生成验证码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-17 17:38:35 · 211 阅读 · 0 评论 -
Css基础
Css基础 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-09-17 17:37:59 · 120 阅读 · 0 评论