jq與js區別混淆（二）

$('div').css('background-color':'red')

$('div').css('backgroundcolor':'red')

div.style.backgroundcolor = ''red'';

顯示 div 元素的尺寸

outerwidth() - 返回元素的寬度 (包含內邊距和邊框)。

outerheight() - 返回元素的高度 (包含內邊距和邊框)。

結果div 寬度: 350

div 高度: 200

div 寬度，包含內邊距和邊框: 372

div 高度，包含內邊距和邊框: 222

div 寬度，包含內邊距和邊框、外邊距: 392

div 高度，包含內邊距和邊框、外邊距: 242

有三種方法能夠確定瀏覽器視窗的尺寸。

對於internet explorer、chrome、firefox、opera 以及 safari：

window.innerheight - 瀏覽器視窗的內部高度(包括滾動條)

window.innerwidth - 瀏覽器視窗的內部寬度(包括滾動條)

對於 internet explorer 8、7、6、5：

document.documentelement.clientheight（srolltop 頁面被卷走的高）

document.documentelement.clientwidth（srollleft頁面被卷走的寬）

或者document.body.clientheight

document.body.clientwidth

下面的例子返回所有 元素的所有祖先，並且它是返回介於 與 元素之間的所有祖先元素：

$(document).ready(function());

返回 的所有後代：

$(document).ready(function());

獲取p標籤裡的第乙個span標籤 相容寫法：

var op = document.getelementsbytagname('p')[0]

var firstspan=op.firstelementchild || op.firstchild

js與jq的區別

1 js和jq在使用方法和屬性上的區別 1 jq物件不能使用js物件的方法和屬性，js物件不能使用jq物件的方法和屬性。2 jq物件全部都是乙個陣列物件 3 js和jq的轉換 1.js物件轉換成jq物件的方式 js物件 2.jq物件轉換成js物件方式 jq物件 索引值 jq物件.get 索引值 3....

js和jq的區別

1 js和jq在使用方法和屬性上的區別 1 jq物件不能使用js物件的方法和屬性，js物件不能使用jq物件的方法和屬性。2 jq物件全部都是乙個陣列物件 3 js和jq的轉換 1.js物件轉換成jq物件的方式 js物件 2.jq物件轉換成js物件方式 jq物件 索引值 jq物件.get 索引值 3....

JQ操作類與JS操作類的區別

1 原生js操作類 會覆蓋元素原先的類名 2 jq操作類 jq裡面的類只是對指定類進行操作 追加 移除 等操作，不影響原來的類名 2.1jq追加類 element.addclass 類名 2.2jq移除類 element.removeclass 類名 one div body 1 原生js操作類名 ...