jquery怎么獲取當前元素的兄弟元素

html+jquery代碼編纂器:Dreamweaver CS5方式/
1新建一個html文件 , 定名為test.html , 用于講解jquery怎么獲取當前元素的兄弟元素 。

jquery怎么獲取當前元素的兄弟元素



2在test.html文件內 , 引入jquery.min.js庫文件 , 當作功加載該文件 , 才能利用jquery中的方式 。

jquery怎么獲取當前元素的兄弟元素



3在test.html文件內 , 在p標簽內 , 利用span標簽建立多行文字 , 例如 , 這里建立四行文字 。

jquery怎么獲取當前元素的兄弟元素



4在test.html文件內 , 編寫標簽 , 頁面的js邏輯代碼將寫在該標簽內 。

jquery怎么獲取當前元素的兄弟元素



5在js標簽中 , 經由過程獲得span對象 , 給每一個span元素綁定click事務 , 當span元素被點擊時 , 執行function()方式 。

jquery怎么獲取當前元素的兄弟元素



6在function()方式內 , 經由過程$(this)獲適當前點擊的span對象 , 利用siblings()方式獲得它的兄弟對象 , 為了顯示結果 , 這里利用css()方式將這些兄弟元素的文字顏色改為藍色 。

jquery怎么獲取當前元素的兄弟元素



7【jquery怎么獲取當前元素的兄弟元素】在瀏覽器打開test.html文件 , 點擊文字 , 查看實現的結果 。

jquery怎么獲取當前元素的兄弟元素



jquery怎么獲取當前元素的兄弟元素




以上內容就是jquery怎么獲取當前元素的兄弟元素的內容啦 , 希望對你有所幫助哦!

    猜你喜歡