-
对封装的节点操作做了参数上的校正支持,与对应处理的调用:append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。 为什么需要用这个domManip函数呢? 我们知道节点操作浏览器提供的接口无非就是那么几个: appendChild() 通过把一个节点增加到当前节点的childNodes[]组,给文档树增加节点: cloneNode() 复制当前节点,或者复制当前节点以及它的所有子孙节点: hasChildNodes() 如果当前节点拥有子节点,则将返回true: in重置代码sertBefore() 给文档树插入一个节点,位置在当前节点的指定子节点之前。如果该节点已经存在,则删除之再插入到它的位置: removeChild() 从文档树中删除并返回指定的子节点: replaceChild() 从文档树中删除并返回指定的子节点,用另一个节点替换它查看全部
-
.parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的 jQuery 对象。 .parents()和.parent()方法是相似的,但后者只是进行了一个单级的DOM树查找 .parentsUntil() 方法会找遍所有这些元素的前辈元素,直到遇到了跟参数匹配的元素才会停止。返回的jQuery对象中包含了所有找到的前辈元素,除了与 .parentsUntil() 选择器匹配的那个元素。查看全部
-
parents()将查找所有祖辈元素,而children()只考虑子元素而不考虑所有后代元素。 closet选定的是父辈最近(即向上取,以item-b试试就知)查看全部
-
textContent,元素的内容,仅文本 document.createTextNode("Water"),创建文本内容,节点查看全部
-
nodeType 1 元素节点 2 属性节点 3 文本节点查看全部
-
1-2 jQuery的遍历结构设计 这节很经典,值得回顾查看全部
-
查找对象与查找某个文件或目录的思想方法相似查看全部
-
偏移量 元素的可见大小由宽度高度决定,其中还要包括内边距、滚动条、边宽大小(不包括外边距),通过下面四个属性可以获得。 offsetWidth、offsetHeigh、offsetLeft、offsetTop offsetHeight/offsetWidth: 表述元素的外尺寸: 元素内容 + 内边距 + 边框(不包括外边距),给出元素在页面中占据的宽度和高度的总计。 注意:把元素的边框和滚动条计算在内。 offsetWidth = border-left-width + padding-left + width + padding-right + border-right-width; offsetHeight = border-top-width + padding-top + height + padding-bottom + border-bottom-width; 包含关系: offsetLeft/offsetTop: 表示该元素的左上角(边框外边缘)与已定位的父容器(offsetParent对象)左上角的距离。 offsetParent元素是指元素最近的定位(relative,absolute)祖先元素,可递归上溯。 客户区域大小 clientWidth、clientHeight clientWidth/clientHeight: 用于描述元素的内尺寸:元素内容 + 两边内边距。 clientWidth = width+padding(left、right) clientHeight = height+padding(top、bottom) 滚动大小 scrollWidth、scrollHeight、scrollLeft、scrollTop scrollHeight/scrollWidth: 元素内容的总高度或宽度 scrollLeft/scrollTop:是指元素滚动条位置,它们是可写的(被隐藏的内容区域左侧/上方的像素) scrollHeight:是元素的padding加元素内容的高度。这个高度与滚动条无关,是内容的实际高度。 计算方式 :scrollHeight = topPadding + bottomPadding + 内容margix box的高度。查看全部
-
.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value查看全部
-
html()方法插入的是一段字符串 ,所以代码不会执行,append()插入的是DOM元素与内容,所以代码会执行查看全部
-
1:函数调用了domManip函数,传进去的参数第一个是arguments,这个大家都知道arguments是函数参数对象,是一个类数组对象。这里arguments可能是包含dom元素的数组,或者html字符串 2:第二参数是一个回调函数,target.appendChild(elem);看到这个代码就很明了,在回调函数中分离各自的处理方法,通过domManip抽象出公共的处理,其余的prepend 、before 、after等接口也是类似的处理查看全部
-
对封装的节点操作做了参数上的校正支持,与对应处理的调用:append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。 为什么需要用这个domManip函数呢? 我们知道节点操作浏览器提供的接口无非就是那么几个: appendChild() 通过把一个节点增加到当前节点的childNodes[]组,给文档树增加节点: cloneNode() 复制当前节点,或者复制当前节点以及它的所有子孙节点: hasChildNodes() 如果当前节点拥有子节点,则将返回true: in重置代码sertBefore() 给文档树插入一个节点,位置在当前节点的指定子节点之前。如果该节点已经存在,则删除之再插入到它的位置: removeChild() 从文档树中删除并返回指定的子节点: replaceChild() 从文档树中删除并返回指定的子节点,用另一个节点替换它查看全部
-
jQuery children() 方法 获得匹配元素集合中每个元素的子元素,选择器选择性筛选。 因为就jQuery可以是一个DOM的合集对象,所以children就需要遍历每一个合集中的直接子元素了,并且最后需要构建一个新的jQuery对象。 jQuery find() 方法 1、.find()方法返回被选元素的后代元素,一路向下直到最后一个后代。 2、.find()方法允许我们能够通过查找DOM树中的这些元素的后代元素,匹配的元素将构造一个新的jQuery对象。 3、.find()和.children()方法是相似的,但后者只是再DOM树中向下遍历一个层级。 4、.find()方法还可以接受一个选择器表达式,该选择器表达式可以是任何可传给$()函数的选择器表达式。如果紧随兄弟匹配选择器,它将被保留在新构建的jQuery对象中;否则,它被排除在外。 这个方法用的概率相当高,除了接受一个选择器外,还可以接受一个jQuery对象,我们可以看到.find()方法的内部实际上是调用的jQuery.find 也就是sizzle的引擎选择器。查看全部
-
.next() 获得匹配元素集合中每个元素紧邻的同辈元素。 .prev() 获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。 .siblings() 获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)。查看全部
-
.nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。 .nextUntil() 获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。 .prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。 .prevUntil() 获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。查看全部
举报
0/150
提交
取消