jQuery
关注
分享
扫一扫
文章平均质量分 92
咩有猫腻.
要努力哦.
展开
-
ajax接口-随机、价格销量排序-demo
html.css(包括js)<!-- css --> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> <link rel="stylesheet" href="./css/main.css" /></head><body> <!-- html --&g...原创 2020-06-29 19:02:05 · 325 阅读 · 0 评论 -
load方法在div中放入页面
原创 2020-06-29 10:42:23 · 826 阅读 · 0 评论 -
ajax里datatype
参考ajax的api文档dataType的类型：Stringajax中的dataType的属性：text：返回纯文本字符串json：返回json数据jsonp：jsonp格式(我没用过)html：返回纯文本的HTML信息 script标签会在插入dom时执行xml：返回XML文档script：返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 “cache” 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 s转载 2020-06-23 11:58:03 · 743 阅读 · 1 评论 -
demo---鼠标移入移出效果（jQuery）
html<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8" /> <title>判断鼠标移入移出方向</title> <style type="text/css"> * { margin: 0; padding: 0; } .outer { .原创 2020-06-16 15:27:03 · 390 阅读 · 0 评论 -
demo-楼梯
一.老师写的<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> body, ul, li { padding: 0; margin: 0; } li {原创 2020-06-15 16:07:41 · 234 阅读 · 0 评论 -
demo--图片渐隐渐现轮播（jQuery）
因为背景图大小是760300 所以最外容器也设置为760300自己写的样式 即css和老师写的不太一样一.自己写的css、html和js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit.原创 2020-06-13 15:52:13 · 318 阅读 · 1 评论 -
jQuery1-选择器、筛选、串联、文档处理、动画
一.i选择器<body> <div> div1 <p> <span></span> </p> <p> <span></span> </p> <span></span> </div> <div class="test"&g原创 2020-06-11 23:53:47 · 159 阅读 · 0 评论 -
使用 promise、async、await 改造异步请求（如ajax）
原创 2020-05-15 18:58:16 · 725 阅读 · 0 评论 -
promise和回调地狱 （通过 promise 语法, 对 ajax 异步请求作出改造）
一.定义promise是解决回调地狱的方法之一所谓的回调地狱,特指,在ajax等异步操作中,继续执行另一个异步操作形成一种异步执行的嵌套关系,这样的程序执行模式,称为回调地狱说明一下回调地狱的问题 因为ajax请求是异步执行请求,我们不能明确请求时间的长短 因此,多个请求,必须要写成嵌套的形式 如果是嵌套语法 嵌套内容过多,就会影响我们对于程序的可维护性和可操作性 最好可以将回调地狱改造成,看似是同步的程序,实际上是异步执行的 嵌套形式原创 2020-05-15 18:44:51 · 238 阅读 · 0 评论 -
中复习-----jQuery的深浅拷贝、钩子函数、多库并存、闭包、nodejs的安装和清除
jQuery的简述 1,深浅拷贝 浅拷贝: 直接拷贝复制,引用数据类型的地址 两个变量之间,直接指向的是同一个内存地址 两个变量之间,存在相互存在关联 深拷贝: 直接拷贝复制,引用数据类型的数据 $.extend(true , newObj , obj); 两个变量之间,直接指向的是不同的内存地址 两个变量之间,存在相互没有关联原创 2020-05-11 22:03:28 · 182 阅读 · 0 评论 -
jQuery的ajax全局钩子函数
一.定义<script src="./jquery.min.js"></script><script> jQuery的 ajax 全局钩子函数 所谓的钩子函数 , 是和 某个程序绑定的函数 当这个程序执行到不同阶段,不同步骤时,执行不同的函数程序 当前的 ajax 钩子函数,就是和 ajax程序绑定的函数 根据的是 ...原创 2020-05-07 03:24:42 · 662 阅读 · 0 评论 -
jQuery的多库并存
<div></div><script src="./jquery.min.js"></script><script> jQuery的多库并存 1,何为多库并存 jQuery本质上就是一个外部js文件 通过定义的 $ 和 jQuery 来调用其中定义好的方法 那么,其他 外...原创 2020-05-07 03:00:12 · 158 阅读 · 0 评论 -
jQuery的深浅拷贝
<script src="./jquery.min.js"></script><script> /* 深浅拷贝 复制 , 引用数据类型时 (主要是对象和数组) 才会考虑深浅拷贝问题 浅拷贝 --- 拷贝复制引用数据类型的存储地址 执行浅拷贝,执行的变量之前,相...原创 2020-05-07 02:59:13 · 215 阅读 · 0 评论 -
jQuery---小复习（阻止、jQuery的ajax请求）
一,阻止 冒泡 事件对象.stopPropagation(); 默认事件 事件对象.preventDefault(); 阻止一切 return false; return还可以阻止之后的正常程序的执行,要注意书写位置二,jQuery的 ajax请求 get $.get({ ...原创 2020-04-30 21:51:50 · 208 阅读 · 0 评论 -
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 · 423 阅读 · 0 评论 -
jQuery封装ajax请求-----文字总结
一.jQuery封装ajax请求1在 jQuery中 给我们封装了 ajax请求 不用考虑 兼容,跨域等问题, jQuery全都给我们解决了只需要在设定请求时,设定不同的参数,就可以完成不同的请求jQuery中 封装的 ajax请求 有3种1, $.get() get请求方式 参数有4个参数,必填参数是 url地址 其他参数都是选填参数,可以没有 参数的形式是对象...原创 2020-04-30 00:48:37 · 198 阅读 · 0 评论 -
jQuery----阻止（阻止冒泡事件、阻止默认事件的执行）
<script src="./jquery.min.js"></script><script> // 阻止冒泡事件和阻止默认事件的执行 // 冒泡事件 // 子级标签触发事件,会同时触发,父级标签上,相同类型的事件 // jquery中,阻止冒泡事件,是不需要考虑兼容的 // 直接给标签事件处理函数添加参数,也就是 ...原创 2020-04-29 13:48:00 · 479 阅读 · 0 评论 -
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 · 184 阅读 · 0 评论 -
jQuery-----获取浏览器上卷高度（scrollTop()、scrollLeft() ）
<script> // 获取浏览器上卷高度 // scrollTop() 上卷的高度 // scrollLeft() 平移的宽度 // 不同考虑浏览器的兼容性,jQuery会来处理 // 可以回去,也可以设定 // jquery中,滚动条的监听事件 $(window).scroll(function(){ ...原创 2020-04-29 01:46:59 · 976 阅读 · 0 评论 -
jQuery-----获取标签元素的位置（offset、position）
<script> // 获取标签元素的占位 // 1, offset() // 可以获取 // 获取到 页面左上角 的间距 // 可以设定 // 设定参数是一个对象 // 设定的是 当前标签 与 页面左上角 的间距 // 与 标签 之前,写什么定位,...原创 2020-04-29 01:38:13 · 1754 阅读 · 0 评论 -
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 · 568 阅读 · 0 评论 -
jQuery-----手风琴效果demo
js代码过程解释<script src="./jquery.min.js"></script><script> // 手风琴效果 // 每个li中,图片默认只显示一部分 // 当鼠标进过时,经过哪个图片,哪个图片就完全显示,其他图片就显示更小的一部分 // 显示的图片,宽度变为520,其他图片宽度变为40 $('...原创 2020-04-29 01:07:47 · 205 阅读 · 0 评论 -
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 · 513 阅读 · 0 评论 -
jQuery动画-------结束动画（ stop()、finish() ）
一.结束动画1—双向运动一.结束动画2—单项运动原创 2020-04-29 00:19:21 · 334 阅读 · 0 评论 -
jQuery动画--------自定义动画
<script> // jQuery的自定义动画 // $(标签).animate() // 可以通过 自定义动画 实现, css样式的改变 // 特别注意: 有一些css样式,是不能改变的 // 例如颜色改不了,就不能用此方法 // 语法形式: // $(标签).animate( {属性:属性值,属性:属性值....}...原创 2020-04-28 23:52:23 · 168 阅读 · 0 评论 -
jQuery动画------渐隐渐现动画（fadeIn、fadeOut、fadeToggle）
在这里插入代码片原创 2020-04-28 23:46:13 · 791 阅读 · 0 评论 -
jQuery动画-----折叠动画（slideDown、slideUp、slideToggle）
<script> // jQuery的折叠动画 // 通过改变高度,来实现效果 // 1, $(标签).slideDown() 显示 // 语法 : $(标签).slideDown(时间,运动曲线,运动结束时执行的函数) // 从 css 设定的位置上 , 下拉显示标签 // // 2, $(标签)....原创 2020-04-28 23:42:13 · 1236 阅读 · 0 评论 -
jQuery动画-----标准动画（show、hide、toggle）
<script> // jQuery的标准动画 // 通过类似于动画的形式,来完成标签的显示隐藏 // 实际上,本质,就是我们之前写的 运动函数 // 通过 定位的 left top 属性 和 透明度 opacity 来完成效果 // 1, $(标签).show() 显示 // 语法 : $(标签).show(时间,...原创 2020-04-28 23:37:19 · 681 阅读 · 0 评论 -
jQuery-----克隆节点（clone（true））
原创 2020-04-28 23:31:22 · 298 阅读 · 0 评论 -
jQuery-----替换节点（replaceWith、replaceAll）
原创 2020-04-28 23:22:08 · 228 阅读 · 0 评论 -
jQuery-----节点的删除
原创 2020-04-28 23:17:32 · 117 阅读 · 0 评论 -
jQuery小复习-----（选择器、筛选器、标签对象的转化、属性操作、class操作、隐式迭代、循环遍历、选项卡demo、内容操作、事件绑定、节点操作）
jQuery一,基本介绍 jQuery是JavaScript的函数方法库 jQuery中定义的都是函数方法,没有声明变量等基本操作 使用是,通过加载外部文件,通过 $() 和 jQuery() 来进行操作 优点: 1,选择器 2,链式编程 3,隐式迭代二,选择器 --- 获取到的都是伪数组 $(''...原创 2020-04-28 23:13:52 · 159 阅读 · 0 评论 -
jQuery------节点操作
<h1>我是h1标签</h1><script src="./jquery.min.js"></script><script> // jQuery的节点操作 // 1,创建节点******** // 给一个变量,赋值,赋值形式是 $('你要创建的标签') // 创建了一个div标签节点...原创 2020-04-28 01:42:27 · 154 阅读 · 0 评论 -
jQuery------特殊的事件委托（4种）
一.hover二.one三.trigger四.ready原创 2020-04-28 01:35:14 · 134 阅读 · 0 评论 -
jQuery-------总结事件绑定的语法形式（n个参数的不同写法）
事件绑定的语法形式1,简单的语法形式 可以直接绑定定义的事件类型 可以通过 console.dir( $(标签对象) ) 其中的 __proto__ 来查看 click mouseover mouseout mousemove .... 2,on语法绑定 语法形式1: 两个参数 参数1:事件类型 参数2:事件处理...原创 2020-04-28 01:25:00 · 201 阅读 · 0 评论 -
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 · 146 阅读 · 0 评论 -
jQuery------事件的绑定和删除
<div>我是div</div><script src="./jquery.min.js"></script><script> // 相同事件类型,绑定多个事件 // on语法是 addEventListener 形式 // 允许同一个标签,相同的事件类型,绑定多个事件处理函数 // 此处是绑定事件,...原创 2020-04-28 01:12:45 · 258 阅读 · 0 评论 -
jQuery-------事件绑定
<div>我是div</div><script src="./jquery.min.js"></script><script> // jQuery的事件绑定分为两种语法形式 // 语法形式1,就是想click这样,可以直接定义的事件类型 // 这些都可以 通过 console.dir( $(标签对象) )的...原创 2020-04-28 01:10:15 · 127 阅读 · 0 评论 -
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 · 208 阅读 · 0 评论 -
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 · 139 阅读 · 0 评论