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 · 168 阅读 · 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 · 124 阅读 · 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 · 305 阅读 · 0 评论 -
JQuery入门
JQuery概述JavaScript库仓库:可以把很多东西放到这个仓库中,找东西直接在仓库中查找JavaScript库:即library,是一个封装好的特定的集合(方法和函数),封装了很多预先定义好的函数在里面比如,animate、hide、show,比如获取元素等简单理解,就是一个js文件,里面对原生js代码进行了封装,存放到里面。比如JQuery,就是为了快速方便的操作DOM,里面基本都是函数(方法)常见的JavaScript库JQueryPrototypeYUIDojoEx原创 2021-10-21 22:17:22 · 109 阅读 · 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 · 97 阅读 · 0 评论 -
移动端网页特效
1. 触屏事件1. 触屏事件概述移动端兼容性较好,不需考虑JS的兼容问题,移动端有自己独特的地方,比如触屏事件touch(也称触摸事件),Android和iOS都有touch对象代表一个触摸点,触屏事件可响应用户手指对屏幕或者触摸板的操作常见触屏事件:触屏touch事件说明touchstart手指触摸到一个DOM元素是触发touchmove手指在一个DOM元素上滑动时触发youchend手指从一个DOM元素上移开时触发<!DOCTYPE html&原创 2021-10-08 02:00:00 · 231 阅读 · 0 评论 -
网页特效a
1. 元素偏移量offset系列1. offset概述offset就是偏移量,可以动态得到该元素的位置(偏移)、大小等获得元素距离带有定位父元素的位置获得元素自身的大小注意:返回的数值都不带单位offset系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素element.offsetTop返回元素相对带有定位父元素上方的偏移element.offsetLeft返回元素相对带有定位父元素左边框的偏原创 2021-10-07 21:32:43 · 225 阅读 · 0 评论 -
BOM..
1.BOM概述1. 什么是BOM浏览器对象模型:给浏览器窗口做交互,核心对象是windowsBOM缺乏标准[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xx3wiqRH-1633078394839)(vx_images/2140755200971.png)]2. 构成BOM比DOM更大,它包含DOM[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gIKcqmQ8-1633078394841)(vx_images/6881251194原创 2021-10-01 16:53:21 · 78 阅读 · 0 评论 -
事件高级高级
1. 注册事件(绑定事件)1.1 注册事件概述给元素添加时间,称为注册事件或绑定事件注册事件两种方式:传统方式和监听注册方式传统注册方式利用on开头的时间 onclick<button onclick = "alert()"></button>btn.onclick = function(){}特点:注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数会覆盖前面注册的处理函数方法监听注册w3c标准推荐方式addEventListe原创 2021-09-29 21:44:04 · 94 阅读 · 0 评论 -
Dom基础
Dom文档对象模型处理HTML和XMLDOM树文档:一个页面就是一个文档DOM中用document表示元素:页面中所有标签都是元素,用element表示节点:网页中所有内容都是节点(标签,属性,文本,注释等)用node表示[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pct98Lzx-1632658917126)(vx_images/5883945090954.png)]DOM把以上内容都看做是对象。获取元素获取id元素<!DOCTYPE原创 2021-09-26 20:22:08 · 96 阅读 · 0 评论 -
DOM核心重点
DOM核心重点文档对象模型:标准编程接口主要针对元素操作有创建、增、删、改、查创建document.writeinnerHTMLcreateElement增appendChildinsertBefore删removeChild改主要修改dom 的元素属性,dom元素的内容、属性、表单值等修改元素属性:src、href、title等修改普通元素内容:innerHTML、innerText修改表单元素:value、type、disabled等修改元素样式:styl原创 2021-09-26 20:22:56 · 64 阅读 · 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 · 63 阅读 · 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 · 475 阅读 · 0 评论 -
JS内置对象
JS内置对象对象分三种:自定义对象,内置对象,浏览器对象1. 自定义对象和内置对象是基础ECMAScript 第三个是JS独有,JSAPI。查询文档MDN先查阅该方法的功能参阅参数的意义和类型查看返回值得意义和类型通过demo进行测试Math对象MathMath不是构造函数,可以直接用不用newMath常见属性及方法<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2021-09-17 17:39:37 · 72 阅读 · 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 · 72 阅读 · 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 · 150 阅读 · 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 · 86 阅读 · 0 评论