<!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. 初次尝试用Kotlin实现Android项目

    Kotlin: The Swift of Android 起这个文内标题的原因很简单,就是对Kotlin抱有希望--能使Android的开发更简洁.高效及安全.知道Kotlin是从简书的一篇短文,越来 ...

  2. PLSQL查询字段为科学计数法,修正显示

    打开PLSQL工具--- toad中->view->option->data->display large number in scientific notationpl/sq ...

  3. 51nod 1005 大数加法

    #include<iostream> #include<string> using namespace std; #define MAXN 10001 },b[MAXN]={} ...

  4. 关于解决asp.net mvc网站页面Banner图片即时更换css里背景图片url相对路径问题的新方案

    最近在网站首页上想将Banner壁纸给做到后台上传随时更改的效果.遇到问题便是:将上传的图片路径动态添加到首页css代码中,结果尝试了网上提供的思路,更改相对路径,换为url中“../../Conte ...

  5. Filter(过滤器)学习

    一.Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态 ...

  6. hdu3415 单调队列

    Max Sum of Max-K-sub-sequence Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & ...

  7. linux-磁盘空间(du-df)

    当磁盘大小超过标准时会有报警提示,这时如果掌握df和du命令是非常明智的选择. df可以查看一级文件夹大小.使用比例.档案系统及其挂入点,但对文件却无能为力. du可以查看文件及文件夹的大小. 简要介 ...

  8. MySQL学习

    关于MySQL学习,先推荐一个网站,资源很多.讲得很细 StudyMySQL-最好的MySQL学习网站 我的MySQL学习之旅: 1.简单了解下MySQL数据库,安装MySQL.MySQL管理工具(刚 ...

  9. 向shell脚本中传入参数

    写一个 程序名为    test.sh    可带参数为 start 和 stop 执行  test.sh start执行  start 内容的代码 执行 test.sh stop 执行 stop 内 ...

  10. 30秒懂SQL中的join(2幅图+30秒)

    废话不多说,直接上图秒懂. t1表的结构与数据如下: t2表的结构与数据如下: inner join select * from t1 inner join t2 on t1.id = t2.id; ...