jQuery基礎知識點(二)

2021-08-15 09:58:56 字數 2079 閱讀 9575

一、jquery - 獲得內容和屬性:

1.jquery擁有可操作html元素和屬性的強大方法。

2.jquery dom操作:jquery中非常重要的部分,就是操作dom的能力。jquery提供一系列與dom相關的方法,這使訪問和操作元素和屬性變得很容易。

【提示】:dom=document object model(文件物件模型)

3.獲得內容:(三個簡單實用的用於dom操作的jquery方法)

①text()—設定或返回所選元素的文字內容

②html()–設定或返回所選元素的內容(包括html標記)

③val()—–設定或返回表單字段的值

二、jquery - 新增元素:

1.如需刪除元素和內容,一般可以使用以下兩個jquery方法:

<1>remove() - 刪除被選元素(及其子元素)

<2>empty() - 從被選元素中刪除子元素

四、獲取並設定css類:

1.jquery擁有若干進行css操作的方法。我們先來了解這些:

<1> addclass() - 向被選元素新增乙個或多個類

<2> removeclass() - 從被選元素刪除乙個或多個類

<3> toggleclass() - 對被選元素進行新增/刪除類的切換操作

<4>css() - 設定或返回樣式屬性

五、jquery - 尺寸:

jquery提供多個處理尺寸的重要方法:

<1> width()

<2>height()

<3>innerwidth()

<4>innerheight()

<5>outerwidth()

<6>outerheight()

1.width()和height()方法:

width()方法設定或返回元素的寬度(不包括內邊距、邊框或外邊距)。

height()方法設定或返回元素的高度(不包括內邊距、邊框或外邊距)。

2.innerwidth()和innerheight()方法:

innerwidth()方法返回元素的寬度(包括內邊距)。

innerheight()方法返回元素的高度(包括內邊距)。

3.outerwidth()和outerheight()方法:

outerwidth()方法返回元素的寬度(包括內邊距和邊框)

outerheight()方法返回元素的高度(包括內邊距和邊框)

六、jquery - noconflict()方法:

如何在頁面上同時使用jquery和其它框架?

正如你所了解到的,jquery使用符號

作為jq

uery

的簡寫。

但是如果

其它js

框架也使

用 符號作

為jqu

ery的

簡寫。但

是如果其

它js框

架也使用

符號作為簡寫怎麼辦,如果你在用的兩種不同的框架正在使用相同的簡寫符號,有可能導致指令碼停止執行。noconflict()方法會釋放對$標誌符的控制,這樣其它指令碼就可以使用它了。解決以上問題我整理出了三種方法:

1.你仍然可以通過全名替代簡寫的方式來使用jquery:

$.noconflict();

jquery(document).ready(function

());

});script>

2.你可以自己建立自己的簡寫。noconflict()可返回對jquery的引用,你可以把它存入變數,以供稍後使用。

符號作為變數傳遞給ready方法。這樣就可以在函式內使用$符號了,而在函式外,依舊不得不使用」jquery」

$.noconflict();

jquery(document).ready(function

($));

});script>

jquery基礎知識點總結

方式一 function 方式二 document ready function 注意 使用jquery獲取的物件叫做jquery物件,只能使用jquery的方法,使用原生js獲取的物件叫做dom物件,只能使用原生方法,兩者不能混用 因此可以讓jquery物件跟dom物件相互轉換 dom物件轉換為j...

Jquery基礎知識點梳理

1 第乙個jq程式 a jq物件和dom物件的方法不能混用 b dom物件轉換成jq物件 dom jq物件轉換成dom物件jq 0 轉換之後方法就可以使用了 2 jq選擇器 基本選擇器 body 標籤選擇器 btn id選擇器 class 類選擇器 p odd 奇偶行選擇器 p even p fir...

jQuery基礎知識點(上)

jquery是乙個優秀的 輕量級的js庫 它相容css3,還相容各種瀏覽器 ie js入口函式只能出現一次,出現多次會存在事件覆蓋的問題。jquery的入口函式,可以出現任意多次,並不會存在事件覆蓋問題。區別二 執行時機不同 js入口函式是在所有的檔案資源載入完成後,才執行。這些檔案資源包括 頁面文...