jquery作為一種js庫，繼承並優化了js訪問dom物件的特性，更加方便的操作dom物件，在本文，結合《jq核心詳解》這本書，羅列了一系列jq中對文件物件的操作方法，並附有對應的js方法，作為乙份參考資料，日後查詢
大類jq方法備註
建立元素
var $h1 =
$(「」)
將內含的html包裝為jquery物件，並返回
建立文字
var $h1 = $("")
可以用任何html**建立文字
建立屬性
var $h1 = $(「」)
可以用任何html**建立文字
節點內插入元素
$("body").
("ul")
向與前者匹配的元素內追加新內容（插在最後乙個子元素）
把與前者匹配的元素追加到後者中（插在最後乙個子元素）
$("body").
prepend
("ul")
向與前者匹配的元素內追加新內容（插在第乙個子元素）
$("ul").prependto("body"）（具有破壞性）
把與前者匹配的元素追加到後者中（插在第乙個子元素）
節點外插入元素
$("div").affter("lyo")
向與前者匹配的元素之後插入新內容
$("lyo").insertaffter("div")（具有破壞性）
把與前者匹配的元素插入到另乙個指定元素集合的後面
$("div").before("lyo")
向與前者匹配的元素之前插入新內容
$("lyo").insertbefore("div")（具有破壞性）
把與前者匹配的元素插入到另乙個指定元素集合的前面
刪除元素
var $p=$("p").remove()
從dom中刪除所有匹配的元素，並可以返回被刪除的元素
var $p=$("p").emtpy()
刪除匹配的元素集合中所有的子節點
複製元素
var $div = $("div").clone()
複製匹配的dom元素並選中這些複製副本
替換元素
$("p").replacewith("lyo
")把所有與前者匹配的元素替換成後面的html或dom元素
$("lyo
").replaceall("p")
把所有與後者匹配的元素替換成前面的html或dom元素
包裹元素
$("p」).wrap(匹配前者的每個元素外被後者包裹
$("p」).wrapinner(匹配前者的每個元素內包裹後者
$("p」).wrapall(匹配前者的元素集外被後者包裹
設定屬性
$("p」).attr(「title」,"段落文字")
可以批量設定屬性，兩個引數分別為
1、指定屬性名 2、指定屬性值
獲取屬性
alert（$("p」).attr(「title」))
只設定乙個引數表示讀取該屬性值
刪除屬性
$(「p」).removeattr(「title」)
刪除指定的元素屬性
追加樣式
$("p」).addclass(「lyo」)
為元素追加新的樣式，指定類名即可，但需要先定義css類樣式
移除樣式
$("p」).removeclass(「lyo」)
若要刪除多個類樣式，可以用空格將其分隔，移除所有的話，可以不傳遞引數
切換樣式
$("p」).toggleclass(「lyo」)
1、做為開關的類樣式名 2、是否開啟樣式（true/false/表示式返回bool值），若沒有設定該引數，系統會根據該元素是否存在自動切換顯示隱藏
判斷樣式
alert（$("p」).hasclass(「lyo」)） 或
alert（$("p」).is(「lyo」)）
判斷元素是否包含指定的類樣式，返回bool值
讀寫html
var s =$(「div」).html() //讀
$(「p」).html(s) //寫
1、不含參數列讀取指定節點下結構
2、包含參數列向指定節點寫入字串，覆蓋指定節點原來包含的所有內容
讀寫文字
var s =$(「div」).text() //讀
$(「p」).text(s) //寫
同上讀寫表單值
$(this).val(「lyo」)
1、不含引數表示讀取值
2、含引數表示寫入值,引數可以是選項值，也可以是value屬性值
讀寫css樣式
$("p").css(「color」,"red")
$("p").css()
注意單個樣式與多個樣式設定時的符號區別
絕對偏移
var o1=$(「div」).eq(0).offset()
獲取相對視窗左上角的相對偏移，返回top和left屬性
相對偏移
var o1=$(「div」).eq(0).position()
該指定元素與距離最近的父級元素左上角的偏移距離，但如果父級元素的position沒有定義為absolute/fixed/relative，則當前元素最近的父級定位元素應為body
元素高寬
$("div」).height(140px)
$("div」).width()
1、無參，讀取高寬，返回px
2、有參，設定高寬
元素遍歷
var li = $(「body」).children()
獲取當前元素包含的所有子元素，返回集合，可以用~.eq()篩選，或是用陣列~[1]
var li = $(「body」).parent()
獲取當前元素包含的父元素
var li = $(「body」).next()
獲取當前元素相鄰的下乙個同級元素
var li = $(「body」).parent()
獲取當前元素相鄰的上乙個同級元素
jQuery 基礎 操作 jQuery 物件
操作 jquery 物件 檢查數量 父子鄰居關係 過濾元素的集合 遍歷 用 jquery 建立 html 元素 dom 物件 元素 與 jquery 物件 前者是瀏覽器的網頁頁面中渲染出來的元素，而後者是對一組 dom 元素的包裝。檢查 dom 物件 if obj.nodetype 檢查 jquer...
jquery表單物件操作
在jquery中這三個函式如果有引數的話就是賦值操作，沒有引數則是取值操作，其中val 是乙個很重要的方法，和它相關的表單物件如 input系的標籤 select textarea等都是用於和伺服器端互動的標籤元素，所以要搞清楚這個val 對於radio checkbox select的賦值操作 如...
jquery操作 select 物件
jquery select取值，賦值操作 一 獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的索引 ddlregtype get 0 selectedindex 二 設定select 設定selec...