JQuery基礎彙總(二)

2021-07-29 01:21:52 字數 3235 閱讀 2427

jquery的dom操作 dom是document object model的縮寫,譯為文件物件模型。根據w3c dom規範,dom是一種與瀏覽器、平台、語言無關的介面,使用該介面可以輕鬆地訪問頁面中所有的標準元件。 jquery中另乙個重要的組成部分就是封裝了原生dom的操作。 基本操作 html操作 html( )方法用於讀取或設定指定元素的html**,類似於原生dom中的innerhtml屬性。 //獲取

元素的html**

(「input:eq(0)」).click(function()); //設定

元素的html**

(「input:eq(1)」).click(function()); 文字操作 text( )方法用於讀取或設定指定元素的文字內容,類似於原生dom中的textcontent屬性。 //獲取

元素的文字

(「input:eq(0)」).click(function()); //設定

元素的文字 (「

inpu

t:eq

(1)」

).cl

ick(

func

tion

()$(

「p」)

.tex

t(「你

最討厭的

水果是?

」);)

;值操作

val(

)方法用

於讀取或

設定指定

元素的v

alue

屬性值,

類似於原

生dom

中的va

lue屬

性。//

獲取按鈕

的val

ue值 (「input:eq(0)」).click(function());

//設定按鈕的value值

(「input:eq(1)」).click(function()); 屬性操作 attr( )方法用於獲取或設定指定元素的屬性,類似於原生dom中的getattribute()方法和setattribute()方法。 removeattr( )方法用於刪除指定元素的屬性,類似於原生dom中的removeattribute()方法。 //設定

元素的屬性』title』

(「input:eq(0)」).click(function()); //獲取

元素的屬性』title』

(「input:eq(1)」).click(function()); //刪除

元素的屬性』title』 (「

inpu

t:eq

(2)」

).cl

ick(

func

tion

()$(

「p」)

.rem

ovea

ttr(

「tit

le」)

;);樣

式操作操

作樣式主

要分成兩

種:一種

是使用s

tyle

屬性直接

設定cs

s中的屬

性一種是

使用cl

ass樣

式名稱設

置css

。att

r()方

法操作c

lass

本身就是

元素中的

乙個屬性

,所以也

可以使用

設定屬性

方式來設

置或刪除

clas

s樣式。

語法結構

:ele

ment

.att

r(「c

lass

」,cl

assn

ame)

值得注意

的是:使

用att

r()方

法設定c

lass

樣式時,

無論之前

是否包含

clas

s屬性,

之前設定

的樣式都

會被覆蓋

。// (「#b1」).click(function())

addclass( )方法操作

addclass( )方法表示追加樣式,也就是說,無論之前是否包含class樣式,呼叫addclass( )方法只是在其基礎上增加乙個新的樣式。而之前設定的樣式依舊存在。

//(「#b2」).click(function())

removeclass( )方法操作

removeclass( )方法表示刪除樣式,但該方法的使用有以下三種方式:

removeclass(),預設不傳遞任何引數,表示刪除所有樣式。

removeclass(classname),傳遞乙個樣式名稱,表示刪除指定乙個樣式。

removeclass(classname1 classname2),傳遞多個樣式名稱,中間使用空格隔開,表示刪除指定多個樣式。

//(「#b3」).click(function())

toggleclass( )方法操作

toggleclass( )方法表示在沒有樣式與指定樣式之間進行切換,效果相當於使用addclass()方法和removeclass()方法。

//(「#b4」).click(function())

hasclass( )方法操作

hasclass( )方法表示指定元素是否包含指定樣式。

值得注意的是:hasclass( )方法並不能判斷是否包含樣式,而是判斷是否包含指定樣式。

//(「#b5」).click(function())

css( )方法操作

css( )方法也可以獲取或設定css樣式,但並不是通過class屬性,而是通過style屬性直接設定css中的屬性。

獲採樣式:

css(attrname)方法,用於獲取當前style屬性的值。

設定樣式:

css(attrname,attrvalue)方法,用於設定當前style屬性的值。但每次只能設定乙個css中的屬性。

css()方法,用於設定當前style屬性的值。每次可以設定多個css中的屬性。

遍歷節點

獲取父元素

parent( )方法可以獲取指定元素的父元素。

parent()方法,不傳遞任何引數,是獲取指定元素的父元素。

parent(selector)方法,是獲取指定元素的符合selector選擇器的父元素。

varparent = $(「li:first」).parent(); //第乙個

matlab 基礎彙總二

nchoosek matlab 排列組合函式。factorial 階乘函式 linspace x,y,n 產生乙個行向量。如果沒有指定 x 和 y 之間數的個數,預設為 100。隨便吐槽一下,matlab 產生向量既然一般是列向量,那麼這裡也應該統一。ind2sub sub2ind。線性索引和矩陣索...

jQuery基礎(二) 解決jQuery衝突

專案中,jquery衝突很常見,又容易帶來各種奇葩的問題,單獨整理。衝突就是指乙個專案中可能會使用多個框架,不同的框架又使用相同的符號 方法等,就會造成衝突。比如jquery用 來代替,另乙個框架可能也用 來代替,jquery中有a方法,另乙個框架也有a方法,這樣就會造成混亂與衝突。jquery衝突...

jQuery基礎總結(二)

jquery基本總結 二 內容選擇器 contains text 返回包含指定的文字元素 parent 返回匹配子元素的元素 has text 返回包含指定元素的元素 empty 返回無文字或者空元素 可見性 visible 匹配所有可見的元素 hidden 匹配所有不可見的元素 只要在頁面上不顯示...