jQuery 操作一覽表

2022-02-20 08:54:26 字數 2555 閱讀 5858

js獲取方法要比jq的方法麻煩的多,主要是因為ff瀏覽器,因為ff瀏覽器也會把換行當作dom元素,下面跟著小編一起來學習js jquery獲取當前元素的兄弟級 上乙個 下乙個元素的,需要的朋友一起來學習吧

var chils= s.childnodes;  //得到s的全部子節點

var par=s.parentnode;   //得到s的父節點

var ns=s.nextsbiling;   //獲得s的下乙個兄弟節點

var ps=s.previoussbiling;  //得到s的上乙個兄弟節點

var fc=s.firstchild;   //獲得s的第乙個子節點

var lc=s.lastchile;   //獲得s的最後乙個子節點

js獲取節點父級,子級元素

先說一下js的獲取方法,其要比jquery的方法麻煩很多,後面以jquery的方法作對比。

js的方法會比jquery麻煩很多,主要則是因為ff瀏覽器,ff瀏覽器會把你的換行也當作dom元素?1

234

原生的js獲取id為test的元素下的子元素。

可以用:?1

vara = docuemnt.getelementbyid("test").getelementsbytagname_r("div");

這樣是沒有問題的

此時a.length=2;

但是如果我們換另一種方法?1

varb =document.getelementbyidx_x("test").childnodes;

此時b.length 在ie瀏覽器中沒問題,其依舊等於2,但是在ff瀏覽器中則會使4,是因為ff把換行也當做乙個元素了。

所以,在此,我們就要做處理了,需遍歷這些元素,把元素型別為空格而且是文字都刪除。?1

2345

678functiondel_ff(elem)

}

}

上述函式遍歷子元素,當元素裡面有節點型別是文字並且文字型別節點的節點值是空的。就把他刪除。

nodenames可以得到乙個節點的節點型別,/\s/是非空字元在js裡的正規表示式。前面加!,則表示是空字元

test() 方法用於檢測乙個字串是否匹配某個模式.語法是: regexpobject.test(string)

如果字串 string 中含有與 regexpobject 匹配的文字,則返回 true,否則返回 false。

nodevalue表示得到這個節點裡的值。

removechild則是刪除元素的子元素。

之後,在呼叫子,父,兄,這些屬性之前,呼叫上面的函式把空格清理一下就可以了?1

2345

6789

1011

1213

1415

1617

下面介紹jquery的父,子,兄弟節點查詢方法

jquery.parent(expr)  找父親節點,可以傳入expr進行過濾,比如$("span").parent()或者$("span").parent(".class")

jquery.parents(expr),類似於jquery.parents(expr),但是是查詢所有祖先元素,不限於父元素

jquery.children(expr).返回所有子節點,這個方法只會返回直接的孩子節點,不會返回所有的子孫節點

jquery.contents(),返回下面的所有內容,包括節點和文字。這個方法和children()的區別就在於,包括空白文字,也會被作為乙個

jquery物件返回,children()則只會返回節點

jquery.prev(),返回上乙個兄弟節點,不是所有的兄弟節點

jquery.prevall(),返回所有之前的兄弟節點

jquery.next(),返回下乙個兄弟節點,不是所有的兄弟節點

jquery.nextall(),返回所有之後的兄弟節點

jquery.siblings(),返回兄弟姐妹節點,不分前後

jquery.find(expr),跟jquery.filter(expr)完全不一樣。jquery.filter()是從初始的jquery物件集合中篩選出一部分,而jquery.find()

的返回結果,不會有初始集合中的內容,比如$("p"),find("span"),是從元素開始找,等同於$("p span")

內容  摘自 網上 

Docker 基本操作一覽表

本人目前接觸到的只有這些,以後有了再積累更新 etc init.d docker start 啟動 docker etc init.d docker stop 停止 docker docker info 檢視 docker 基本資訊 docker images 檢視 docker 當前存在的映象 d...

CLI 語言一覽表

cli 語言是指用於建立符合 公共語言體系 common language infrastructure 的庫和程式的計算機語言。除了一些明顯的例外,絕大多數 cli 語言全部編譯成為 公共中間語言 cil,common intermediate language 而 cil 做為一種中間語言,可被...

vi命令一覽表

文字編輯器是所有計算機系統中最常用的一種工具。unix下的編輯器有ex,sed和vi等,其中,使用最為廣泛的是vi,而vi命令繁多,論壇裡好像這方面的總結不多,以下稍做總結,以資共享!渴望更正和補充!進入vi的命令 vi filename 開啟或新建檔案,並將游標置於第一行首 vi n filena...