废话不多说,直接上代码
<!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中的事件及动画用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下: 1.bind事件 在上面的操作中我们新学习了bind事件,而bind事件是三个参数,第一个参数是事件的名字,例如:click,dbclick,mouseover等,第二个参数是data
本文向大家介绍Vue动画事件详解及过渡动画实例,包括了Vue动画事件详解及过渡动画实例的使用技巧和注意事项,需要的朋友参考一下 为了应用过渡效果,需要在目标元素上使用 transition 特性: transition 特性可以与下面资源一起用: v-if v-show v-for (只在插入和删除时触发,使用 vue-animated-list 插件) 动态组件 在组件的根节点上,并且被 Vue
本文向大家介绍jquery实现回车键触发事件(实例讲解),包括了jquery实现回车键触发事件(实例讲解)的使用技巧和注意事项,需要的朋友参考一下 键盘事件有3: keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 。 正确代码为: 推荐:keyup,防止笔记本键盘不小心触摸到了 1.有些文档中有写成这样: XP系统IE6下是不成功的。 2.还有INPUT的 这种情况要
本文向大家介绍jQuery事件blur()方法的使用实例讲解,包括了jQuery事件blur()方法的使用实例讲解的使用技巧和注意事项,需要的朋友参考一下 实例 当输入域失去焦点 (blur) 时改变其颜色: 定义和用法 当元素失去焦点时发生 blur 事件。 blur()函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。 提示:早
本文向大家介绍JavaScript事件方法(实例讲解),包括了JavaScript事件方法(实例讲解)的使用技巧和注意事项,需要的朋友参考一下 废话不多说,直接上代码 以上这篇JavaScript事件方法(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。
本文向大家介绍Google 地图事件实例讲解,包括了Google 地图事件实例讲解的使用技巧和注意事项,需要的朋友参考一下 Google 地图事件 点击标记缩放地图 我们仍然使用上一遍文章使用的英国伦敦的地图。 点用户点击标记时实现缩放地图的功能(点击标记时绑定地图缩放事件)。 代码如下: 使用 addListener() 事件处理程序来注册事件的监听。该方法使用一个对象,一个事件来监听,当指定的