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实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
jQuery+pjax简单示例汇总
Apr 21 jQuery
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
jquery DataTable实现前后台动态分页
Jun 17 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
jquery传参及获取方式(两种方式)
Feb 13 jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
Jquery Fade用法详解
Nov 06 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
用PHP实现Ftp用户的在线管理
2012/02/16 PHP
使用php清除bom示例
2014/03/03 PHP
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
smarty自定义函数用法示例
2016/05/20 PHP
PHP实时统计中文字数和区别
2019/02/28 PHP
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
2013/07/17 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
2015/06/05 Javascript
javascript数据结构之二叉搜索树实现方法
2015/11/25 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
2016/03/06 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
Python实现递归遍历文件夹并删除文件
2016/04/18 Python
PyQt5每天必学之滑块控件QSlider
2018/04/20 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
python 调用有道api接口的方法
2019/01/03 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
opencv python统计及绘制直方图的方法
2019/01/21 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
文化建设工作方案
2014/05/12 职场文书
为自己工作观后感
2015/06/11 职场文书
初中同学会致辞
2015/08/01 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
python 常用的异步框架汇总整理
2021/06/18 Python
sql注入教程之类型以及提交注入
2021/08/02 MySQL
nginx容器方式反向代理实战
2022/04/18 Servers