- 博客(134)
- 收藏
- 关注
原创 本地模拟数据(cookie、localStorage)
<script> 浏览器本地存储数据,有2种方式 1,cookie 前端程序,后端程序,都可以设定 读取时,有作用域,不能跨域读取 默认实现是会话时效 存储内容较小,一般是 400K 左右,每个浏览器不同 存储的数据格式是 键值对的字符串 2,localStorage ...
2020-04-30 21:55:23 529
原创 jQuery---小复习(阻止、jQuery的ajax请求)
一,阻止 冒泡 事件对象.stopPropagation(); 默认事件 事件对象.preventDefault(); 阻止一切 return false; return还可以阻止之后的正常程序的执行,要注意书写位置二,jQuery的 ajax请求 get $.get({ ...
2020-04-30 21:51:50 189
原创 jQuery封装ajax请求3种方式-----代码demo
jQuery_ajax_get==jQuery_ajax_post ==jQuery_ajax_ajax1jQuery_ajax_ajax2<h1>跨域请求</h1><button>请求</button><script src="../jquery.min.js"></script><script&...
2020-04-30 01:13:47 393
原创 jQuery封装ajax请求-----文字总结
一.jQuery封装ajax请求1在 jQuery中 给我们封装了 ajax请求 不用考虑 兼容,跨域等问题, jQuery全都给我们解决了只需要在设定请求时,设定不同的参数,就可以完成不同的请求jQuery中 封装的 ajax请求 有3种1, $.get() get请求方式 参数有4个参数,必填参数是 url地址 其他参数都是选填参数,可以没有 参数的形式是对象...
2020-04-30 00:48:37 176
原创 jQuery----阻止(阻止冒泡事件、阻止默认事件的执行)
<script src="./jquery.min.js"></script><script> // 阻止冒泡事件和阻止默认事件的执行 // 冒泡事件 // 子级标签触发事件,会同时触发,父级标签上,相同类型的事件 // jquery中,阻止冒泡事件,是不需要考虑兼容的 // 直接给标签事件处理函数添加参数,也就是 ...
2020-04-29 13:48:00 457
原创 jQuery--------小复习(创建节点、写入节点、删除节点、替换节点、节点克隆、jQuery动画、获取站位和位置)
jquery一,节点的操作 1, 创建节点 const oDiv = $('<div id="" class="" index="">div标签</div>'); const oDiv = $('div' , { id:'div' , class:'div' , click : function(){} }); 2, ...
2020-04-29 13:41:25 160
原创 jQuery-----获取浏览器上卷高度(scrollTop()、scrollLeft() )
<script> // 获取浏览器上卷高度 // scrollTop() 上卷的高度 // scrollLeft() 平移的宽度 // 不同考虑浏览器的兼容性,jQuery会来处理 // 可以回去,也可以设定 // jquery中,滚动条的监听事件 $(window).scroll(function(){ ...
2020-04-29 01:46:59 940
原创 jQuery-----获取标签元素的位置(offset、position)
<script> // 获取标签元素的占位 // 1, offset() // 可以获取 // 获取到 页面左上角 的间距 // 可以设定 // 设定参数是一个对象 // 设定的是 当前标签 与 页面左上角 的间距 // 与 标签 之前,写什么定位,...
2020-04-29 01:38:13 1651
原创 jQuery----获取标签元素的尺寸(width height、innerWidth innerHeight、outerWidth() 、outerWidth(true) )
<script src="./jquery.min.js"></script><script> // 获取标签的占位 // width 和 height // padding // border // margin // 3个方法,4种使用方式 // width() ...
2020-04-29 01:27:35 528
原创 jQuery-----手风琴效果demo
js代码过程解释<script src="./jquery.min.js"></script><script> // 手风琴效果 // 每个li中,图片默认只显示一部分 // 当鼠标进过时,经过哪个图片,哪个图片就完全显示,其他图片就显示更小的一部分 // 显示的图片,宽度变为520,其他图片宽度变为40 $('...
2020-04-29 01:07:47 182
原创 jQuery-----树状菜单demo
js代码文字解释过程<script src="./jquery.min.js"></script><script> // 思路步骤 // 给 ul中子级li,添加点击事件 // 点击时: 当前li中 ol,下拉显示 // 其他li中 ol,上卷隐藏 $('ul>li').click(fun...
2020-04-29 00:45:31 480
原创 jQuery动画--------自定义动画
<script> // jQuery的自定义动画 // $(标签).animate() // 可以通过 自定义动画 实现, css样式的改变 // 特别注意: 有一些css样式,是不能改变的 // 例如颜色改不了,就不能用此方法 // 语法形式: // $(标签).animate( {属性:属性值,属性:属性值....}...
2020-04-28 23:52:23 143
原创 jQuery动画-----折叠动画(slideDown、slideUp、slideToggle)
<script> // jQuery的折叠动画 // 通过改变高度,来实现效果 // 1, $(标签).slideDown() 显示 // 语法 : $(标签).slideDown(时间,运动曲线,运动结束时执行的函数) // 从 css 设定的位置上 , 下拉显示标签 // // 2, $(标签)....
2020-04-28 23:42:13 1177
原创 jQuery动画-----标准动画(show、hide、toggle)
<script> // jQuery的标准动画 // 通过类似于动画的形式,来完成标签的显示隐藏 // 实际上,本质,就是我们之前写的 运动函数 // 通过 定位的 left top 属性 和 透明度 opacity 来完成效果 // 1, $(标签).show() 显示 // 语法 : $(标签).show(时间,...
2020-04-28 23:37:19 656
原创 jQuery小复习-----(选择器、筛选器、标签对象的转化、属性操作、class操作、隐式迭代、循环遍历、选项卡demo、内容操作、事件绑定、节点操作)
jQuery一,基本介绍 jQuery是JavaScript的函数方法库 jQuery中定义的都是函数方法,没有声明变量等基本操作 使用是,通过加载外部文件,通过 $() 和 jQuery() 来进行操作 优点: 1,选择器 2,链式编程 3,隐式迭代二,选择器 --- 获取到的都是伪数组 $(''...
2020-04-28 23:13:52 139
原创 jQuery------节点操作
<h1>我是h1标签</h1><script src="./jquery.min.js"></script><script> // jQuery的节点操作 // 1,创建节点******** // 给一个变量,赋值,赋值形式是 $('你要创建的标签') // 创建了一个div标签节点...
2020-04-28 01:42:27 132
原创 jQuery-------总结事件绑定的语法形式(n个参数的不同写法)
事件绑定的语法形式1,简单的语法形式 可以直接绑定定义的事件类型 可以通过 console.dir( $(标签对象) ) 其中的 __proto__ 来查看 click mouseover mouseout mousemove .... 2,on语法绑定 语法形式1: 两个参数 参数1:事件类型 参数2:事件处理...
2020-04-28 01:25:00 178
原创 jQuery-------事件绑定的其他语法形式(两种)
<style> div{width: 100px;height: 100px;background: red;margin:20px 0 0 0;} </style></head><body> <button name="h">随机高度</button> <button na...
2020-04-28 01:17:18 125
原创 jQuery------事件的绑定和删除
<div>我是div</div><script src="./jquery.min.js"></script><script> // 相同事件类型,绑定多个事件 // on语法是 addEventListener 形式 // 允许同一个标签,相同的事件类型,绑定多个事件处理函数 // 此处是绑定事件,...
2020-04-28 01:12:45 232
原创 jQuery-------事件绑定
<div>我是div</div><script src="./jquery.min.js"></script><script> // jQuery的事件绑定分为两种语法形式 // 语法形式1,就是想click这样,可以直接定义的事件类型 // 这些都可以 通过 console.dir( $(标签对象) )的...
2020-04-28 01:10:15 111
原创 jQuery------css样式操作
<style> div{ width: 100px; height: 100px; background: pink; border:3px solid #000; color: blue; font-size: 20p...
2020-04-28 01:06:28 178
原创 jQuery-----全选全不选反选demo
js代码解释<body> <button name="all">全选</button><br> <button name="no">全取消</button><br> <button name="not">反选</button><br> &l...
2020-04-28 00:53:46 119
原创 jQuery-------内容的操作
<body> <div>我是div的原始内容 <span>我是span</span> </div> <input type="text"> <button>点击</button> <script src="./jquery.min.js...
2020-04-28 00:35:56 78
原创 jQuery-----选项卡demo
一.js代码解释<script src="jquery.min.js"></script><script> // jQuery选项卡效果 // 思路和执行步骤,与js完全相同 // 1,给所有的标签去除样式 // 2,给点击的标签,添加样式 // 3,找到索引与点击标签相同的ol中的li标签,添加样式 //...
2020-04-28 00:27:24 176
原创 jQuery-----隐式迭代
html<script> // 什么是隐式迭代 // jQuery会自动操作获取到的伪数组中的所有标签对象 // 设定和获取是不一样的 // 对ul中的所有li进行操作 // 1,获取其中的属性 // 获取 ul中li的name属性的属性值 // 获取只会获取第一个标签的内容 console.lo...
2020-04-27 23:59:29 441
原创 jQuery的小复习(选择器、筛选器、标签对象、属性的操作、class属性的操作)
jQuery 1, 概念 是一个 前端JavaScript的 函数方法库 定义好JavaScript程序,可以直接调用使用 本质上还是JavaScript,只是别人把功能和程序都设定好了 2, 使用方法 加载外部jQuery文件,本质上实际是一个js文件 通过 $ 或者 jQuery 来调用方法...
2020-04-27 23:50:01 180
原创 复习ajax的三种跨域方式
ajx请求 跨域的方式 1, 服务器代理方式 1,找到配置文件,设定代理内容,必须按照固定的语法格式 location = /dt { proxy_pass https://www.duitang.com/napi/blog/list/by_filter_id/; } location = /dt ...
2020-04-27 23:45:42 421
原创 jQuery的class操作
<style> .div1{ color: red; } .div2{ background: blue; } .div3{ font-size: 40px; } </style><...
2020-04-26 22:17:13 144
原创 jQuery的属性操作
<style> div{ width: 100px; height: 100px; background: red; } </style></head><body> <div name="div" id="div...
2020-04-26 21:47:19 81
原创 jQuery的筛选器
<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li name="li5">5</li> <li>6</li> <li>7&...
2020-04-26 21:46:32 106
原创 jQuery的选择器
<div id="div1" class="div1" name="div1">我是div</div><ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5&...
2020-04-26 21:17:34 84
原创 jQuery
一.定义<body> <!-- 加载外部jQuery程序 --> <!-- 使用时 必须存在外部的jQuery程序 --> <!-- jquery.min.js是已经被别人设定好的一个程序 将文件下载好直接调用就好--> <script src="./jquery.min.js"></script&...
2020-04-26 21:04:47 85
原创 cors方式跨域
一.定义通过设定后端程序内容让浏览器不要阻止跨域访问通过后端程序,来让前端程序完成跨域实际项目中jsonp 目前基本不使用,能用的都是10年前的老程序cors 方式,是后端设定的效果,我们不用去管代理方式 前端要掌握的主要方式最终,不管是 get 还是 post 还是跨域可以通过 jQuery 和 框架 等方式,一站式解决二.详例说明demo.html&l...
2020-04-26 20:57:01 106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人