首页 > 代码库 > jquery----常用的函数

jquery----常用的函数

2024-08-25 21:00:10   211人阅读

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>insertBefore() 方法在您指定的已有子节点之前插入新的子节点。 </title>
    <script src=http://www.mamicode.com/‘../jquery-3.1.1.min.js‘></script>"color: #000000">
        $(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----常用的函数


联系
我们