JQuery學習筆記(一)

2021-05-21 21:58:40 字數 460 閱讀 2645

$("#mydiv"):選擇文件裡id為"mydiv"的指定元素物件。

$(".mycss"):選擇文件裡樣式名為"mycss"的指定元素物件。

$("#mydiv  p"):在給定的祖先元素下匹配所有的後代元素。

$("#mydiv>p"):在給定的父元素下匹配所有的子元素。

$("*"):選取所有元素。

$("div+p"):匹配所有緊接在 div 元素後的 第乙個同輩p 元素。也可以用$("div").next("p")。

$("div~p"):匹配 div 元素之後的所有同輩p 元素。也可以用$("div").nextall("p")。

+與~的異同:+為同輩並且緊跟, ~為同輩不需要一定緊跟;+為同輩並且第乙個, ~為同輩多個。

siblings()方法與前後位置無關,只要同輩節點就能匹配。

簡單摺疊導航欄效果

jquery與其它庫的衝突

jQuery學習筆記(一)

最近在寫乙個b2c 寫到越後面越發吃力,主要是前端js部分,雖然在專案中也是用jquery,但是,僅憑查閱文件,雖然解決了一些問題,但並沒有實質性的理解。因此,準備暫且來系統地學習一些jquery,以便能有更深刻的理解,從而能夠減輕後續的專案開發。一 jquery物件和dom物件的相互轉換 jque...

jQuery學習筆記(一)

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 tit...

jQuery學習筆記(一)

2 從 cdn 中載入 jquery script head script head 又拍雲 cdn src script head jquery 語法 1 選取 html 元素 2 對選取的元素執行某些操作。基礎語法 selector action 例項 this hide 隱藏當前元素 p hi...