我在這里列出了它們的本質(zhì)區(qū)別和用法區(qū)別:
創(chuàng)新互聯(lián)建站:于2013年開始為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設”服務,為上千家公司企業(yè)提供了專業(yè)的網(wǎng)站制作、成都網(wǎng)站設計、網(wǎng)頁設計和網(wǎng)站推廣服務, 按需制作由設計師親自精心設計,設計的效果完全按照客戶的要求,并適當?shù)奶岢龊侠淼慕ㄗh,擁有的視覺效果,策劃師分析客戶的同行競爭對手,根據(jù)客戶的實際情況給出合理的網(wǎng)站構(gòu)架,制作客戶同行業(yè)具有領先地位的。
一、本質(zhì)區(qū)別:
1.js都知道是網(wǎng)頁腳本語言,類似java是一種開發(fā)常用語言;
2.jQuery是基于js語言封裝出來的一個前端框架;
所以最本質(zhì)的區(qū)別就是js是一種語言,而jQuery是基于該語言的一種框架。除卻最本質(zhì)的區(qū)別還有一些用法上的差別。
二、用法區(qū)別:
1.外觀上
jQuery對象比js對象多了"$()"一層馬甲,這是最直觀的區(qū)別;
2.操作內(nèi)容
①.非表單元素(如果是文本就用text方法,如果是html代碼就用html方法)
例:div.text();——無參數(shù)的情況下是取值
div.text("aaaa");——有參數(shù)的情況下是賦值
div.html();——無參數(shù)的情況下是取值
div.html("aaaa");——有參數(shù)的情況下是賦值
②.表單元素
JS:div.value;——取值;div.value = xxx;——賦值
JUQERY:div.val();——無參數(shù)是取值,有參數(shù)是賦值。
3.操作屬性
JS里面用來操作屬性的方法是
div.setAttribute("","");——設置屬性、修改屬性
div.removeAttribute("");——移除屬性,引號里面寫一個屬性名
div.getAttribute();——獲取屬性
JQUERY里面用來操作屬性的方法
添加屬性:div.attr("test","aa");——給這個attr方法加入?yún)?shù),屬性名叫做test,屬性的值是aa
移除屬性:div.removeAttr("test");——移除test這條屬性
獲取屬性:div.attr("test");——在attr方法里面直接寫入一個屬性的名就可以了
4.操作樣式
JS里面操作樣式的關鍵字是style
例:div.style.backgroundColor = "red";——把這個div的背景色設置成為了紅色
JQUERY里面操作樣式的關鍵字是css
例:div.css("background-color","yellow");——把這個div的背景色變?yōu)辄S色,在這里CSS里面所有的樣式和css樣式表里面的樣式是一模一樣的沒有任何變化
JS操作樣式的方法只能獲取內(nèi)聯(lián)樣式,不能取內(nèi)嵌的和外部的?。。。。?/p>
JQUERY操作樣式的方法可以是內(nèi)聯(lián)的也可以是內(nèi)嵌的
以上就是我總結(jié)它們兩者的區(qū)別,希望對你有所幫助。
jQuery是一個js框架,封裝了js的屬性和方法。操作方法如下:
1、首先,要定義出頁面對應的dom對象(這個不是必須的,可以在頁面加載的時候,動態(tài)添加到頁面尾部)。
2、定義對應的css樣式,樣式已添加了對ie6等低版本瀏覽器的支持。
3、初始化控件,當然第一步所說的動態(tài)添加,也在這步所示,代碼包括初始化和關閉按鈕控件。
4、初步做好了彈出框,添加自適應窗口的優(yōu)化,包括各瀏覽器中獲取寬高方法。
5、最后彈出框增加鼠標拖動的效果,鼠標變十字后就可拖動了,就完成了。
本質(zhì)上的區(qū)別
jQuery是一個JavaScript函數(shù)庫。jQuery就是基于JavaScript語言寫出來的一個框架,實質(zhì)上還是JavaScript而已。
代碼書寫的不同
jQuery 簡化了 JavaScript 編程,jQuery代碼比JavaScript輕靈,jquery設計的初衷就是要用很少的代碼,完成很多的功能。
使用方法上的不同
(1)使用JavaScript和jQuery分別加載DOM:
JavaScript只會執(zhí)行一次,而jQuery會執(zhí)行多次。
(2)使用JavaScript和jQuery獲取class方法:
JavaScript沒有默認的獲取class的方法 ,而JQuery可以通過$('.className') 調(diào)用class的方法。