#("ul li")
: 後代選擇器
#("ul>li")
: 兒子選擇器
#("ul, p")
: 並列選擇器
#("p+ul")
: 相當於next
#("p~ul")
: 相當於siblings,注意這裡只選擇p後面的ul
#("*")
: 通用選擇器
#("#id")
: id選擇器
#(".class")
: 類選擇器
#("p")
: 元素選擇器
#("ul[title]")
: 帶title屬性的ul
#("ul[title=abc"])
: title屬性為abc的ul
#("[title^=abc]")
: title屬性以」abc」字串打頭的元素
#("[title$=abc]")
: title屬性以」abc」字串結尾的元素
#("[title*=abc]")
:title屬性包含」abc」字串的元素
#("[title|=abc]")
: title屬性為以」abc-「打頭的字串或者title屬性為」abc」的元素
#("[title~=abc]")
: title屬性為包含」abc」字串的以空格分開字串的元素
#("[title!=abc]")
: title屬性不為abc的元素
#(":contain(abc)")
: 包含文字」abc」的元素
#("div:even")
: 索引數為偶數的div元素(索引數從0開始)
#("div:odd")
: 索引數為奇數的div元素
#("div:eq(n)")
: 索引數為n的div的元素,(索引數從0開始)
#(":not(selector)")
: 否定選擇器
#(":hidden")
: 選擇hidden或者diaplay為none的元素
#(":visible")
: 選擇可見的元素
#(":lt(n)")
: 選擇第n個元素左邊的元素
#(":gt(n)")
: 選擇第n個元素右邊的元素
#("div:parent")
: 選擇作為parent的div元素
#("div:empty")
: 選擇沒有子元素的div元素
#("div:first")
: 選擇作為第乙個元素的div(從1開始計數)
#("div:last")
: 選擇作為最後乙個元素的div
#("p:first-child")
#(p:last-child)
: 選擇作為第乙個子元素和最後乙個子元素的p
#(":nth-child")
: 選擇作為第n個子元素(從1開始)的元素
#(":has(selector)")
: 選擇包含」selector選擇器」選出的元素的元素
#(":input")
: 選擇input元素
#(":enabled")
: 選擇enabled的元素
#(":disabled")
: 選擇disabled的元素
#(":checked")
: 選擇狀態為checked的ridio和checkbox
#(":selected")
: 選擇狀態為selected的options
#(":hidden")
: 選擇hidden的元素和display為none的元素
#(":submit")
#(":reset")
等等 : 選擇submit和reset等等元素(還有file radio checkbox image password text button等)
#(":link")
#(":visit")
#(":hover")
#(":focus")
#(":active")
: lord valdes hates funny animals
#(":header")
: 選擇h1~h6元素
#(":animated")
: 選擇正在動畫的元素
JQuery學習筆記(一)
mydiv 選擇文件裡id為 mydiv 的指定元素物件。mycss 選擇文件裡樣式名為 mycss 的指定元素物件。mydiv p 在給定的祖先元素下匹配所有的後代元素。mydiv p 在給定的父元素下匹配所有的子元素。選取所有元素。div p 匹配所有緊接在 div 元素後的 第乙個同輩p 元素...
jQuery學習筆記(一)
最近在寫乙個b2c 寫到越後面越發吃力,主要是前端js部分,雖然在專案中也是用jquery,但是,僅憑查閱文件,雖然解決了一些問題,但並沒有實質性的理解。因此,準備暫且來系統地學習一些jquery,以便能有更深刻的理解,從而能夠減輕後續的專案開發。一 jquery物件和dom物件的相互轉換 jque...
jQuery學習筆記(一)
2 從 cdn 中載入 jquery script head script head 又拍雲 cdn src script head jquery 語法 1 選取 html 元素 2 對選取的元素執行某些操作。基礎語法 selector action 例項 this hide 隱藏當前元素 p hi...