常用javascript和jQuery方法的比較

1、建立對象並加入文檔

　　javascript：var para=document.createElement('p');document.body.appendElement('p');//這裡是將p元素追加為body的lastchild子節點，如果想將新建立的p元素插入到已存在的某個元素之前，可以使用insertBefore()方法

     jQuery：jQuery提供了4種將新元素插入到已有元素之前或者之後的方法：append()、appendTo()、prepend()、prependTo()。代碼例子：

    <p>World!</p> 　　

　　$( 'p' ).append( '<b>Hello!</b>' ); 　　//輸出：<p>World!<b>Hello!</b></p>  　　$( '<b>Hello!</b>' ).appendTo( 'p' );     //輸出：同上  　　$( 'p' ).prepend( '<b>Hello!</b>' ); 　　//輸出：<p><b>Hello!</b>World! </p>  　　$( '<b>Hello!</b>' ).prependTo( 'p' ); 　　//輸出：同上2、插入新元素　　javascript：insertBefore();格式是parentElement.insertBefore(newElement,targetElement)；其中newElement是建立的元素，targetElement是目標元素　　jQuery：同樣提供了4種將新元素插入到已有元素之前或者之後的方法：after()、insertAfter()、before()、insertBefore();3、複製節點　　javascript：var newReference=node.cloneNode(boolean);這個方法只有一個布爾值的參數，它的可取值只能是true或者false。該參數決定是否把被複製節點的子節點也一同複製到  　　建立節點中去。　　jQuery：clone()//複製節點後，被複製的新元素並不具有任何行為，clone(true)//複製節點內容及綁定的事件4、刪除節點：　　javascript：var newReference=element.removeChild(node)//將一個給定元素裡刪除一個子節點　　jQuery：remove()方法作用是從DOM中刪除所有匹配的元素，remove()方法還可以與其他的過濾選取器結合使用。$('ul li').remove(li[title!='Hello']);　　empty()方法作用是清空節點5、包裹節點：　　javascript中目前還沒實現：     jQuery：wrap() //將匹配元素用其他元素的結構化標記單獨包裹起來      wrapAll() //將所有匹配的元素用一個元素包裹起來       wrapInner() //將匹配元素的子內容用其他結構化的　　　標記包裹起來6、屬性操作：設定屬性節點、尋找屬性節點　　jQuery：設定和尋找屬性節點都是：attr() 。代碼例子： $( 'p' ).attr( 'title' ); //擷取p元素的title屬性；             $( 'p' ).attr( 'title' , 'My title' ); //設定p元素的title屬性   　　$( 'p' ).attr( 'title' : 'My title' , 'class' : 'myClass' );   //當需要添加多個屬性時，可以用"名：值"對的形式，中間用逗號隔開。 7、替換節點：　　javascript：var newReference=element.replaceChild(newChild,oldChild);     jQuery：replaceWith()、replaceAll()8、CSS-DOM操作：    javascript：格式：element.style.property ，CSS-DOM能夠讀取和設定style對象的屬性，其不足之處是無法通過它來提取外部CSS設定的樣式資訊    jQuery：格式：$(selector).css() ；.css()方法擷取元素的樣式屬性，此外，JQuery還提供了height()和width()分別用來擷取元素的高度和寬度（均不帶單位），而css(height)、　　  　 css(width)返回高寬，且帶單位。    注意：CSS中的如 "font-size"這樣有"-"的，要使用首字母小寫駝峰式表示，如fontSize。