jQuery學習筆記(一)

2021-07-10 16:59:31 字數 2429 閱讀 6691

#("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...