function getPositionTop(node) { var top = node.offsetTop; var parent = node.offsetParent; while(parent != null) { top += parent.offsetTop; parent = parent.offsetParent; } return top; };…
使用js主函数的原因是等文档加载完了才给里面的元素添加东西 如果不使用主函数则文档加载时候无法找到元素则不能成功给元素添加事件…
块级元素div分析 1.外边距  margin 2.内边距 padding 3.边框  border Div的真实宽度=width+margin-left+margin-right+border*2+padding-left+padding-right     文档流 元素从上到下(主要说块级元素),从左到右(主要说行级元素)的一种排列方式, 我们把它叫标准文档流.他是浏览器天生具有的一种功能. 在实际开发中,我们在遵循文档流原则的情况下,还得脱离文档流的约束,让元素不受 文档流的控制.   脱…
[要求]:如何用 CSS 实现水平/垂直居中一个元素(相对于文档) <body> <div class="content"></div> </body> [实现]: ① margin + 相对定位(relative) // html 和 body 的高度默认为0,因此要先设置为100%,并且清除默认样式(margin:0; padding:0) html, body { height: 100%; margin: 0; padding:…
在开发jquery时候经常需要用到定位,有相对父元素定位和相对文档定位,本文为此总结下,有需要的朋友可以参考下 在开发jquery时候经常需要用到定位,这里概括两种定位: 1.相对父元素定位: $("#ele").position(),进而得到 left = $("#ele").postion().left right = $("#ele").postion().right2.相对文档定位:$("#ele").offset()…
dir函数式可以查看对象的属性 使用方法很简单,举os类型为例,在Python命令窗口输入 dir(‘os’) 即可查看os模块的属性 打开cmd命令窗口 输入python(注意:计算机需要有Python环境,配置好Python环境变量) 输入dir('os')命令 如何查看对象某个属性的帮助文档 ? 如要查看’os’的split属性,可以用__doc__, 使用方法为print(’os’.split.__doc__) print(’os’.split.__doc__) 查看对象的某个属性还可以…
作者: 马锐拉 我们的日常工作场景几乎离不开"云文档".目前,人们对于文档的需求再不仅仅是简单的记录,而扩展到办公协同.信息组织.知识分享等.在国内众多在线文档中,wolai 因为功能新.迭代快.流畅的异地协同体验.高效的信息组织方式以及"信息块"信息整合等特点,作为一个独特的存在进入了人们的视线.人们关注 wolai 独特的功能和舒适的用户的用户体验,更关注实现这些背后的技术架构.在一个晴朗下午,我们邀请了 wolai.com 的创始人马锐拉,跟我们聊聊 wola…
js创建元素: document.createElement(" 创建的元素");   //“创建的元素”指:p ,h1,div,span........ js插入元素: document.body.appendChild(要插入元素);  //要插入元素:var p=document.createElement("p") jQuery创建元素: $("<h1></h1>");  //"<h1><…
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886     原文链接 原创 2017年12月08日 21:38:50 标签: jquery / 元素位置 / DOM文档 / 视口 57 获取元素在页面中的位置信息,包括页面的可是区域还有页面滚动条的位置. 元素的位置信息包括: 元素的大小 width和height 元素的 X轴距离 和 Y轴距离 jQeury提供的方法有: off…
1.介绍 随着组件开发大流行,现在三大框架已经基本占领了整个前端. 这时候,我们要是引入一个 jq 是不是先得你的项目非常臃肿,jq 也很不适合. 这个时候,你就需要来增加你 js 的功底. 2.各种操作 1.事件委托 案例分析: <ul id= "list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5<…