jquery----常用的函数 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>insertBefore() 方法在您指定的已有子节点之前插入新的子节点。 </title>
    <script src='../jquery-3.1.1.min.js'></script>
    <script>
        $(function(){
            // insertBefore() 方法在您指定的已有子节点之前插入新的子节点。 添加在前面
            // $('span').insertBefore($('div'));
           
           // insertAfter() 方法在您指定的已有子节点之前插入新的子节点。 添加在后面
            // $('div').insertAfter($('span'));
            
            //appendTo()把元素内放到div属于最后一个兄弟节点
            //$('span').appendTo($('div'));
          //prepend()把元素内放到div属于第一个兄弟节点
            //$('span').prepend($('div'));
           
           //删除span元素
            //$('span').remove();
        
        //单个点击运行事件
           // $('div').on('click',function(){alert('div点击');}
            //    );
         //多个点击运行一个事件
         //  $('div').on('click mousemove',function(){alert('div点击加抚摸');});

          //多个点击运行多个事件
          //$('div').on({
          //    'click':function(){alert('点击事件');},
           //'mouseover':function(){alert('抚摸事件');}});

           //off关闭事件操作
           // $('div').on('click', function(){
           //      alert('清理事件');
              
           //      $('div').off(); });

       //关闭单个抚摸事件
      //     $('div').on('click mouseover',function(){alert('清理抚摸事件');
      //         $('div').off('mouseover')
      // });      


          //滚动条的宽高
          $(document).on('click',function(){alert($(window).scrollTop());})

         

})

        
    </script>
</head>
<body style="height: 2000px;">
    <div>div div</div>
    <span>span span</span>
</body>
</html>

 常用jquery----2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>event</title>
    <style>
    div{width: 1000px; height: 500px; background: yellow; text-align: center; font-size: 25px; color: red;}
    </style>
</head>
<body>
<div>
             ev（jquery获取用户写法） --event（js获取用户写法）<br/>
          ev.pagex（jquery相对于文档）--event.clientX  (js相对于可视区横坐标)<br/>
          ev.pagey（jquery相对于文档）--event.clientY  (js相对于可视区竖坐标)<br/>
          ev.preventDefault();(jquery 当中阻止默认事件)<br/>
          ev.stopPropagation;(jquery 当中阻止冒泡事件)<br/>

          reture false; （阻止默认事件和冒泡事件）<br/>

          $('div').one(function(){alert('只执行事件一次')})<br/>
          $('div').offset().left获取到屏幕左边距离$('div').offset().right右边距离<br/>
          $('div').position().left; 到父级的left值；不包括margin和border<br/>
           $('div').position().left; 到父级的right值；不包括margin和border<br/>
            $('div'). parent(); 获取父级     offsetParent获取有定位的父级<br/>
            $('iput').val()  无参数时获取，有参数时添加<br/>
            $('li').size()  像js的length， 获取元素节点个数<br/>
            
            $('li').each(function(i,elem){
                  $(elem).html(i);
            })  jquery语法用each循环获取li    
            <br/>
</div>
    
</body>
</html>

 

posted @ 2016-12-07 22:48  distant-遥远  阅读(191)  评论(0)    收藏  举报