![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
jQuery
Allen·赵
幸福都类似,悲伤却又千万种
展开
-
单例模式 单例模式的核心原理 组合模式 组合模式的核心代码 观察者模式 观察者模式的核心代码 观察者on方法 观察者off方法 观察者emit方法
单例模式<script> // 有一个构造函数 class createObj{ constructor(name,age){ this.name = name; this.age = age; } fun(){ console.log(this.name,this.age); } } // 通过构造函数,生成实例化对象原创 2020-10-08 10:46:24 · 147 阅读 · 0 评论 -
本地模拟数据 jQuery的深浅拷贝 jQuery的多库并存 jQuery的 ajax 全局钩子函数 闭包 重新了解函数 闭包的简单应用 闭包的特点
本地模拟数据<script> // 浏览器本地存储数据,有2种方式 // 1,cookie // 前端程序,后端程序,都可以设定 // 读取时,有作用域,不能跨域读取 // 默认实现是会话时效 // 存储内容较小,一般是 400K 左右,每个浏览器不同 // 存储的数据格式是 键值对的字符串 // 2,localStorage // 只能是前端程序设定,后端语言无法操作 //原创 2020-10-08 10:43:58 · 95 阅读 · 0 评论 -
jQuery的阻止 jQuery中封装ajax请求 jQuery 封装的 ajax请求完成跨域 实例get 实例post 实例ajax ajax跨域
jQuery的阻止 <style> .box{ width: 400px; height: 400px; background: pink; } .middle{ width: 300px; height: 300px; background: skyblue; } .inner{ width: 200px; heigh原创 2020-10-08 10:43:34 · 172 阅读 · 0 评论 -
获取标签元素尺寸 获取标签元素的位置 获取浏览器上卷高度
获取标签元素尺寸 <style> *{ margin: 0; padding: 0; } div{ width: 300px; height: 300px; padding: 10px; border: 20px solid #000; margin: 30px; background: pink; /* 内减模式 */原创 2020-10-08 10:43:11 · 371 阅读 · 0 评论 -
树状菜单 手风琴效果
树状菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin原创 2020-10-08 10:42:39 · 401 阅读 · 0 评论 -
jQuery的标准动画 jQuery的折叠动画 jQuery的渐隐渐现动画 jQuery的自定义动画 jQuery的停止动画
jQuery的标准动画<style> div{ width: 300px; height: 300px; background: pink; margin: 0 auto; /* position: fixed; */ /* right: 0; */ display: none; }</style></head><body>原创 2020-10-08 10:42:15 · 93 阅读 · 0 评论 -
jQuery的节点操作 删除节点 替换节点 克隆节点
jQuery的节点操作<body><h1>我是h1标签</h1><script src="./jquery.min.js"></script><script> // jQuery的节点操作 // 1,创建节点 // 给一个变量,赋值,赋值形式是 $('你要创建的标签') // 创建了一个div标签节点 const oDiv1 = $('<div>我是div标原创 2020-10-07 11:53:26 · 361 阅读 · 0 评论 -
事件委托 $().hover 事件委托 $().one() 事件委托$().trigger() 事件委托 $(window).ready()
事件委托 $().hover<style> div{ border: 3px solid black; } h1{ border: 3px solid red; }</style><body> <div>我是div <h1>我是h1标签</h1></div><script src="./jquery.min.js">&原创 2020-10-07 11:52:40 · 384 阅读 · 0 评论 -
jQuery选项卡效果 全选全部不选取消 jQuery之css样式操作 jQuery事件绑定与删除 事件绑定其他样式
jQuery选项卡效果<body><div>我是div的原始内容 <span>我是span</span></div><input type="text"><button>点击</button><script src="./jquery.min.js"></script><script> // 操作的是标签的内容 // 1, $()原创 2020-10-07 11:52:20 · 206 阅读 · 1 评论 -
jQuery jQuery选择器 jQuery的筛选器 jQuery的属性操作 jQuery 的class属性 隐式迭代
jQuery<!-- 加载外部jQuery程序 --> <script src="./jquery.min.js"></script> <script> // 什么是jQuery // jQuery是 一个前端的方法库 // 也就是别人将JavaScript程序,定义成了各种函数方法,我们直接写直接用,就可以实现各种功能 // jQuery的网站 // 官网 : https:/原创 2020-10-07 11:52:09 · 318 阅读 · 0 评论