jQueryDOM物件總結
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~開發工具與關鍵技術Visual Studio 2015 jQuery
作者：唐文堅
撰寫時間：2020年4月30日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
在JQ里物件提供的方法JS不能用JS里提供的方法JQ不能用
在JQ與JS的操作對比里很明顯JQ的操作方法是要比JS方便的多，JS要去記憶某個節點的操作方法
瀏覽器是否兼容而JQ就不用去管這些相比JQ的代碼量也是遠遠低于JS的代碼量。
如何將JS物件轉化成一個JQ物件？
這個方法就很簡單了，
列：.DOM物件轉換為jQuery物件
var box = document.getElementById("box");//DOM物件
$(box);//jQuery物件
jQuery物件轉換為一個DOM物件
列：var $divs=$("div")：該為JQ物件
var div=$divs[0]：該為DOM物件
使用jQuery中的get()方法進行轉換，只需要提供一個索引就可以了
var div=$divs.get(0);//將$divs物件中索引為0的元素轉換為DOM物件
JQ里常見的元素獲取：
var s =$(“#div”)獲取某個元素的ID
var s =$(“div”)獲取某個元素的標簽
var s =$(“.div”)獲取某個元素的類
節點的洗掉：
Remove：這個可以移除節點
Empty：洗掉匹配集合里的所有子節點
Detach（分離）：這個方法與remove不同的是移除的只是字面上的東西，被移除的東西的資料還是會保留下來。
創建節點：
在JQ里創建的點的方法：
$("body").append(div);解釋在body追加了一個div
$("b"). appendTo(v);在b里追加了v
var div = $("<div class='box'>這是一個通過jQuery動態添加的div</div>");
節點的外部插入：
After和beter
通過after在選擇元素后插入元素，列：$("x").after("s");
通過beter在選擇元素前插入元素，列：$("x").beter ("s");
insertAfter和insertBefore
通過insertAfter在選擇元素后插入元素，列：$("x").insertAfter ("s");
通過insertBefore在選擇元素前插入元素，列：$("x").insertBefore ("s");
類似的有get(index),不過get(index)回傳的是DOM物件。
引數說明：index 一個整數，指示元素基于0的位置,這個元素的位置是從0算起。
-index 一個整數，指示元素的位置，從集合中的最后一個元素開始倒數。(-1算起)
first() 獲取第一個元素
last()獲取最后個元素
hasClass(class) 檢查當前的元素是否含有某個特定的類，如果有，則回傳true
這其實就是 is("." + class)。
filter(expr|obj|ele|fn) 篩選出與指定運算式匹配的元素集合。
這個方法用于縮小匹配的范圍。用逗號分隔多個運算式
find(expr|obj|ele)
搜索所有與指定運算式匹配的元素。這個函式是找出正在處理的元素的后代元素的好方法
uj5u.com熱心網友回復：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56072.html
標籤：非技術區
上一篇：【求大佬指點】c#語言 asp.net SQL資料庫
下一篇：一分鐘告訴你什么是區塊鏈