Heim  >  Artikel  >  Web-Frontend  >  jQuery-Animations-Ajax-Ereignis

jQuery-Animations-Ajax-Ereignis

小云云
小云云Original
2018-01-01 10:21:511230Durchsuche

Dieser Artikel enthält hauptsächlich einen Artikel über das animierte Ajax-Ereignis von jQuery (Erklärung mit Beispielen). Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Kein weiterer Unsinn, kommen wir direkt zum Code


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

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

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

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

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

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

Verwandte Empfehlungen:

Anleitungen für Ajax-Ereignisse und zum Abrufen und Posten von Anfragen in JQuery

Parsen der Aufrufsequenz von Ajax-Ereignissen_PHP-Tutorial

Analysieren Sie die Aufrufsequenz von Ajax-Ereignissen

Das obige ist der detaillierte Inhalt vonjQuery-Animations-Ajax-Ereignis. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn