1、JQuery实现将Div浮动到网页最上层。
10年积累的成都网站制作、成都做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先制作网站后付款的网站建设流程，更有万源免费网站建设让你可以放心的选择与我们合作。
2、下载jquery.pin，然后解压后在该文件夹目录下新建一个html文件。编辑这个网页，在里面引入jquery.pin。
3、接下来，先给不悬浮的div设置样式，给它设置一个背景颜色。接下来设置悬浮起来的div的样式，需要先将其进行绝对定位。设置其position。接下来，设置浮动div的位置，需要使用到的是top与left.具体如下图所示。
一般嵌套在内层标签的在上层。按排版，后插入的标签在上层。当用position定位后的元素，可以用z-index来设置标签的层次，哪个标签z-index属性值大，那个标签在最上层。
新建一个html文件，命名为test.html 在test.html文件内，使用css设置页面所有的div宽度为300px，高度为300px，div的位置为绝对定位。
若定义为-1，代表为最底层。如果要让div1不被div2遮挡，则将div1的z-index设置比div2大就可以了。
1、要想父页面局部更新，你这里有两种方式，一种是用iframe方式，弹出一个div层，嵌套iframe，提交后，通知父页面；另一种是ajax异步方式，弹出一个表单层，提交数据后，回调处理。
2、iframe：self.= parent.$；所以解决的方法很简单：parent.$(dom1，parent.doucment).trigger(topEvent)；调用父jquery执行该事件就行了。话说iframe应该不必再引进jquery文件的，与父窗口共用一个jquery就行了，这样很环保。
3、Firefox， Chrome 测试通过，没问题。如果在IE 中有问题， 可能是因为array元素所指向的对象随着子页面关闭，也已经不存在，所以产生错误。
4、预览页面，可明显看到parent.html里面的iframe框架，指向的就是child子页面。点击页面中“调用父级pop方法”的文字链，会提示错误，这是因为没配置好域名等相关设置。
5、如果你说的子页面”是 iframe 的话。可以做到。在子页面通过 `window.parent`可以访问其父页面的 window 对象。
使用stopPropagation() 方法；e.stopPropagation()方法不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。
事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。
标准写法：利用事件对象里面的 stopPropagation()方法 e.stopPropagation() 非标准写法：IE 6-8 利用事件对象 cancelBubble 属性 e.cancelBubble = true；事件委托也称为事件代理， 在 jQuery 里面称为事件委派。
或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。
jQuery事件委托、冒泡。(#slider).on(mouseover，li，function(){ (this).animate({opacity：0.6})；})；这样改，试一下。
