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实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
Jquery中attr与prop的区别详解
May 27 jQuery
jquery与js实现全选功能的区别
Jun 11 jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
jQuery实现手风琴特效
Jan 11 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之Smarty入门
2007/01/04 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
javascript 时间比较实现代码
2009/10/28 Javascript
javascript让setInteval里的函数参数中的this指向特定的对象
2010/01/31 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
vue.js表格分页示例
2016/10/18 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
jquery validation验证表单插件
2017/01/07 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
2017/06/25 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
Python AES加密实例解析
2018/01/18 Python
python与caffe改变通道顺序的方法
2018/08/04 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
django跳转页面传参的实现
2020/09/17 Python
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
描述RIP和OSPF区别以及特点
2015/01/17 面试题
医药工作者的求职信范文
2013/09/21 职场文书
成人高等教育毕业生自我鉴定
2013/10/22 职场文书
运动会广播稿30字
2014/01/21 职场文书
同学聚会主持词
2014/03/18 职场文书
难忘的一课教学反思
2014/04/30 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
优秀少先队工作者事迹材料
2014/05/13 职场文书
文秘自荐信
2014/06/28 职场文书
民主生活会汇报材料
2014/12/15 职场文书
白鹤梁导游词
2015/02/06 职场文书
迎新晚会主持词开场白
2015/05/28 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python