jQuery
皮蛋solo粥!
这个作者很懒,什么都没留下…
展开
-
jQuery的ajax请求
jQuery的ajax请求$.ajax()因为是发送 ajax 请求,不是操作DOM不需要依赖选择器去获取到元素他的使用是直接依赖 jQuuery 或者 $ 变量来使用语法:$.ajax( { 本次发送ajax的配置项 } )配置项url: 必填,表示请求地址method:选填,默认是GET,表示请求方式data:选填,默认是 ’ ’ ,表示携带给后端的参数async:选填,默认是 true ,表示是否异步success:选填,表示请求成功的回调函数error:选填,表示请求失败的原创 2021-12-04 04:03:10 · 106 阅读 · 0 评论 -
jQuery的结束动画函数
jQuery的结束动画函数stop()当任何一个元素,执行了 stop 方法后会立即结束当前的所有运动,目前运动到什么位置,就停在什么位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte原创 2021-12-04 03:34:41 · 214 阅读 · 0 评论 -
jQuery的综合动画函数
jQuery的综合动画函数只有一个animate()1. 第一个参数:要运动的样式,以一个对象数据类型传递2. 第二个参数:运动时间3. 第三个参数:运动曲线4. 第四个参数:运动结束的回调函数ps:关于 颜色 相关的样式是不能运动的ps:关于 transform 相关的样式是不能运动的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt原创 2021-12-03 22:20:31 · 78 阅读 · 0 评论 -
jQuery渐隐渐现动画函数
jQuery渐隐渐现动画函数fadeIn() 显示语法:元素.fadeIn( 运动时间 ,运动曲线 ,运动结束的回调函数)fadeOut() 隐藏语法:元素.fadeOut( 运动时间 ,运动曲线 ,运动结束的回调函数)fadeToggle() 切换本身如果是隐藏的,就显示本身如果是显示的,就隐藏语法:元素.fadeToggle( 运动时间 ,运动曲线 ,运动结束的回调函数)fadeTo() 指定的透明度语法:元素.fadeTo( 运动时间 ,指定的透明度,运动曲线 ,运动结束的回调函数原创 2021-12-03 22:02:56 · 135 阅读 · 0 评论 -
jQuery的折叠动画函数
jQuery的折叠动画函数slideDown() 显示语法:元素.slideDown( 运动时间 ,运动曲线 ,运动结束的回调函数)slideUp() 隐藏语法:元素.slideUp( 运动时间 ,运动曲线 ,运动结束的回调函数)slideToggle() 切换本身如果是隐藏的,就显示本身如果是显示的,就隐藏语法:元素.slideToggle( 运动时间 ,运动曲线 ,运动结束的回调函数)<!DOCTYPE html><html lang="en"><he原创 2021-12-03 21:34:43 · 397 阅读 · 0 评论 -
jQuery的基本动画函数
jQuery的基本动画函数show() 显示语法:元素.show( 运动时间 ,运动曲线 ,运动结束的回调函数)hide() 隐藏语法:元素.hide( 运动时间 ,运动曲线 ,运动结束的回调函数)toggle() 切换本身如果是隐藏的,就显示本身如果是显示的,就隐藏语法:元素.toggle( 运动时间 ,运动曲线 ,运动结束的回调函数)<!DOCTYPE html><html lang="en"><head> <meta charset=原创 2021-12-03 21:21:32 · 142 阅读 · 0 评论 -
jQuery事件的解绑和触发
jQuery事件的解绑和触发off() 事件解绑1-1 解绑全部事件处理函数语法:元素集合.off( 事件类型 )会把 div 的 click 事件对应的所有事件处理函数全部移除<body> <div>我是div标签</div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> <script>原创 2021-12-03 20:46:48 · 187 阅读 · 0 评论 -
jQuery的事件绑定
jQuery绑定事件on()one()hover()事件常用函数1.on()1-1基础绑定语法:元素集合.on( ‘事件类型’ , 事件处理函数) <style> div{ width: 500px; height: 500px; background-color: skyblue; } p{ width: 300px; height: 300px; background-col原创 2021-12-03 20:26:23 · 344 阅读 · 0 评论 -
jQuery的DOM操作
一.获取元素语法:$(‘选择器’)--------------获取元素<body> <ul> <li>1</li> <li class="a">2</li> <li>3</li> <li class="b">4</li> <li>5</li> <li class="a">6</li>原创 2021-12-03 19:53:12 · 491 阅读 · 0 评论