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