<!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>

jquery----常用的函数的更多相关文章

  1. jQuery常用 遍历函数

    jQuery 遍历函数包括了用于筛选.查找和串联元素的方法.本文主要介绍日常工作中常用的JQ遍历,帮助一下初学者快速的接触遍历函数,提高自己的代码编写速度,写出更简洁更实用的代码,祝前端的同学们,在前 ...

  2. js+jquery 常用选择器函数

    一.获取当前标签 JS: this,如下: <button onclick="fun(this)"></button> Jquery,如下: $(" ...

  3. jQuery常用操作方法及常用函数总结

    一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName ...

  4. 24、jQuery常用AJAX-API/Java调用MySQL / Oracle过程与函数

      1)掌握jQuery常用AJAX-API 2)掌握Java调用MySQL / Oracle过程与函数 一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 (1)取 ...

  5. jquery常用函数与方法汇总

    1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队 ...

  6. 原生JS研究：学习jquery源码，收集整理常用JS函数

    原生JS研究:学习jquery源码,收集整理常用JS函数: 1. JS获取原生class(getElementsByClass) 转自:http://blog.csdn.net/kongjiea/ar ...

  7. jQuery中常用的函数方法

    jQuery中常用的函数方法总结 Ajax处理 load(url,[data],[callback]) url (String) : 待装入 HTML 网页网址. data (Map) : (可选) ...

  8. jQuery中常用的函数方法总结

    jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法.个人认为在开发中会比较常用的,仅供大家学习和参考. 事件处理 ready(fn) 代码: $(document).rea ...

  9. JQuery常用函数及功能

    JQuery常用函数及功能小结 来源:http://blog.csdn.net/screensky/article/details/7831000 1.文档加载完成执行函数 $(document).r ...

  10. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

随机推荐

  1. docker-compose启动的tomcat无法远程连接jmx

    最近想学习下java GC优化,就用了一下VisualVM,在远程服务器启动了一个非docker的tomcat,很顺利的就连接了,但是用docker-compose启动的服务却 怎么也连不上,一定是d ...

  2. Windows 8 下离线安装。net Framework 3.5

    Windows 8 下安装.net Framework 3.5 1)可以将直接双击ISO (或放入光盘/U盘)(安装文件在F盘) 2)使用管理员权限运行命令行程序 3)dism.exe /online ...

  3. web 前端常用组件【06】Upload 控件

    因为有万恶的IE存在,所以当Web项目初始化并进入开发阶段时. 如果是项目经理,需要知道客户将会用什么浏览器来访问系统. 明确知道限定浏览器的情况下,你才能从容的让手下的封装必要的前端组件. 本篇文章 ...

  4. SharePoint Fundation 2013中SecurityTokenServiceApplication错误

    在Fundation 2013与Office Web Apps Server集成,预览文档时提示错误,存入口检查失败,因为可用内存(47091712 字节)少于总内存的 5%.因此,该服务不可用于传入 ...

  5. 创建django项目

    python /usr/local/lib/python3.4/dist-packages/Django-1.9.10-py3.4.egg/django/bin/django-admin.py sta ...

  6. Java 中 手动抛出异常: throw new Exception("错误信息") 错误信息的获得

    当然需要先用try catch捕获,但注意new Exception("")括号里的字符串其实是异常原因,所以获取是要用ex.getCause().getMessage() int ...

  7. MFC用户自定义消息

    之前做过佳能相机和位移平台的额二次开发,当时遇到一个棘手的问题,就是位移平台如何知道相机已经拍完照了,或者相机如何知道位移平台已经运行到指定位置,当时为了方便采用了定时器来定时检测位移平台的位置,结果 ...

  8. a版本冲刺第八天

    队名:Aruba   队员: 黄辉昌 李陈辉 林炳锋 鄢继仁 张秀锋 章  鼎 学号 昨天完成的任务 今天做的任务 明天要做的任务 困难点 体会 408 继续学习第一行代码至第四章,阅读队友代码 着手 ...

  9. 利用chorme调试手机网页

    太方便了,很实用的技巧(特意记录一下) 1.pc端安装最新的chrome 2.手机端安装最新的chrome ( Android机 ) 3.USB连接线 4.打开电脑的chrome 在地址栏输入 chr ...

  10. NOIp2016 十连测 round1

    Claris大爷出的一套模拟题.问别人要到了一份题,加深了自己NOIp要滚粗的感觉. Matser zzDP题,我只能说我第一遍写的时候还写崩了QAQ. //master //by Cydiater ...