WEB开发网
开发学院网页设计JavaScript Jquery源码分析---DOM元素(中) 阅读

Jquery源码分析---DOM元素(中)

 2010-09-14 13:36:33 来源:WEB开发网   
核心提示: Jquery还提供了两个关于scroll的方法, scrollLeft and scrollTop:// Create scrollLeft and scrollTop methodsjQuery.each( ['Left', 'Top'], functio

Jquery还提供了两个关于scroll的方法, scrollLeft and scrollTop:

// Create scrollLeft and scrollTop methods
jQuery.each( ['Left', 'Top'], function(i, name) {
  var method = 'scroll' + name; 
  jQuery.fn[ method ] = function(val) {
    if (!this[0]) return;
    return val != undefined ?  // Set the scroll offset
      this.each(function() {
       this == window || this == document ?
         window.scrollTo(
           !i ? val : jQuery(window).scrollLeft(),
           i ? val : jQuery(window).scrollTop()
         ) :
         this[ method ] = val;
      }) : // Return the scroll offset
  
      this[0] == window || this[0] == document ?
       self[ i ? 'pageYOffset' : 'pageXOffset' ] ||
         jQuery.boxModel && document.documentElement[ method ]
||document.body[ method ] :
       this[0][ method ];
  };

5.3 dom元素的操作

Dom的元素提供了一些改变Dom文档的层次结构的方法。改变dom文档可以归纳为三种,往文档中插入元素(insert),把元素从文档删除(remove)或是把文档的某些元素用其他的元素来代替(update)。

Dom元素对于插入提供了insertBefore()和appendChild()方法。在IE中还为TextNode提供了appendData()。提供了三个insertAdjacentText、insertAdjacentHTML、insertAdjacentElement()方法实现了在元素的前面,后面,内部开始,内部结束的位置上插入。对于删除,提供了removeChild()方法,Ie还提供removeNode(true)实现删除本元素及所有的子元素。据说这个函数会出现内存泄漏。对于update,Dom元素提供了replaceChild()。IE还提供了replaceNode(),replaceAdjacentText()方法。

上一页  4 5 6 7 8 9 10  下一页

Tags:Jquery 源码 分析

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接