jquery----常用的函数

Posted distant-遥远

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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----常用的函数的主要内容,如果未能解决你的问题,请参考以下文章

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

C#常用代码片段备忘

21个常用代码片段

nodejs常用代码片段

jQuery的DOM操作

JS常用代码片段-127个常用罗列-值得收藏