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 匹配所有不可見的元素 只要在頁面上不顯示...