jquery-常用的运行函数

Posted distant-遥远

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery-常用的运行函数相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery--运动函数</title>
  <style>
  .print1{width: 500px; height: 300px; background: yellow;}
   .print2{width: 800px; height: 300px; background: red;}
  </style>
  <script src=‘../jquery-3.1.1.min.js‘></script>
  <script>
  $(function(){
 /*     $(‘.print1‘).click(function(){
       // $(this).animate({width:300,height:300});
        // $(this).animate({width:300,height:300},800);

         $(this).animate({width:300},800,‘linear‘,function(){$(this).animate({height:100},800,‘linear‘)})});*/
          // $(‘li‘).on(‘click‘,function(){this.style.background=‘red‘;});
     // .delegate() 事件委托方法
  /*      $(‘ul‘).delegate(‘li‘,‘click‘,function(){$(this).css(‘background‘,‘red‘);});*/
       $(‘.print1‘).on(‘click‘,{name:‘nihao‘},function(ev){
           console.log(ev.data.name);
       })
  });
  </script>
    </head>
<body>
    <div class="print1">



   </div>
     <div class="print2">
           $(this).animate({width:300,height:300});第一个参数运动属性和值;<br/>
        $(this).animate({width:300,height:300},800);第二个参数运动的时间<br/>
        $(this).animate({width:300,height:300},800,‘linear‘);第三个参数linear慢快慢;linear均速<br/>
            $(this).animate({width:300},800,‘linear‘,function(){$(this).animate({height:100},800,‘linear‘)})添加函数,链式运动<br/>
            stop();阻止当前运动 stop(true); 阻止后续运动stop(true,true,true);立即停止到指定目标点<br/>
            .delay(); 延迟方法;<br/>
            .delegate() 事件委托方法   trigger()主动触发函数<br/>
            ev.data; 获取事件数组;  ev.target当前操作的事件类型; ev.type操作属性<br/>

     </div>
   <ul>
   <li>11</li>
   <li>22</li>
   <li>33</li>
   <li>44</li>
   </ul>
</body>
</html>

 

以上是关于jquery-常用的运行函数的主要内容,如果未能解决你的问题,请参考以下文章

web前端开发JQuery常用实例代码片段(50个)

C#常用代码片段备忘

21个常用代码片段

jquery 这段代码怎么放到函数中引用

jquery-常用的运行函数

nodejs常用代码片段