jQuery之动画ajax事件(实例讲解)


Posted in jQuery onJuly 18, 2017

废话不多说,直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <script>
  //ajax
  $.ajax({
   url:'json/test.txt?_='+Math.random(),
   type:"get",
   dataType:'json',//"text"、"html"、"jsonp"
   success:function(data){

   }
  })
  //事件
  var $box = $("#box")
  $box.on('click',function(){
   console.log(1)//this:当前元素(JS原生对象) $(this)
  })
  $box.on('click',function(){
   console.log(2)
  })
  $box.on('mouseout',function(){
   console.log(3)
  })
  //工具
  //each:jQuery中有两个each(也有两个map,和each的原理一样,只是可以支持返回值)
  //循环选择器获取到的jQuery集合中的每一项
  $('div').each(function(index,value){

  })
  //循环数组、类数组、对象中的每一项
  $.each([12,23,34],function(index,value){

  })
  //$.makeArray ===>相当于listToArray

  //动画
  //$('#box').animate({left:xxx,top:xxx,...},duration,"linear/swing",function(){})
  //stop:结束之前正在运行的动画,开启下一个新的动画(结束上一个动画,下一个动画是紧接着当前位置开始运动的)
  //delay:延迟
  //finish:结束上一个动画并且让元素快速的到达目标位置,在开始下一个动画
  /*
   fadeIn(淡入) fadeOut(淡出) fadeToggle
   show hide toggle
   slideUp slideDown slideToggle

  */
 </script>
</body>
</html>

以上这篇jQuery之动画ajax事件(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery实现鼠标滑过预览图片大图效果的方法
Apr 26 jQuery
JQuery实现图片轮播效果
May 08 jQuery
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
jQuery中extend函数简单用法示例
Oct 11 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
jQuery+vue.js实现的多选下拉列表功能示例
Jan 15 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
详解jQuery-each()方法
Mar 13 jQuery
jquery简易手风琴插件的封装
Oct 13 jQuery
jquery实现抽奖功能
Oct 22 jQuery
详解jQuery中关于Ajax的几个常用的函数
Jul 17 #jQuery
jQuery常用选择器详解
Jul 17 #jQuery
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 #jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 #jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 #jQuery
jQuery列表检索功能实现代码
Jul 17 #jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 #jQuery
You might like
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
php出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
浅析php学习的路线图
2013/07/10 PHP
php组合排序简单实现方法
2016/10/15 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
页面右下角弹出提示框示例代码js版
2013/08/02 Javascript
jquery选择器之属性过滤选择器详解
2014/01/27 Javascript
javascript函数的四种调用模式
2017/01/08 Javascript
NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
2017/09/06 NodeJs
Angular实现表单验证功能
2017/11/13 Javascript
layui-table表复选框勾选的所有行数据获取的例子
2019/09/13 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
django manage.py扩展自定义命令方法
2018/05/27 Python
Numpy之文件存取的示例代码
2018/08/03 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
利用 CSS3 实现的无缝轮播功能代码
2017/09/25 HTML / CSS
彪马美国官网:PUMA美国
2017/03/09 全球购物
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
护理职业生涯规划书
2014/01/24 职场文书
机关节能减排实施方案
2014/03/17 职场文书
岗位职责说明书模板
2014/07/30 职场文书
二手车转让协议书
2015/01/29 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python
MySQL表字段时间设置默认值
2021/05/13 MySQL
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server
canvas 中如何实现物体的框选
2022/08/05 Javascript