JQ極好的DOM封裝,豐富的選擇器,藝術(shù)的鏈?zhǔn)骄幊潭际呛懿诲e(cuò)的體驗(yàn),本文將講述幾個(gè)項(xiàng)目中常用的功能模塊和簡(jiǎn)化寫法。
1.全選和反選功能的實(shí)現(xiàn)
功能要求:
(1)選擇點(diǎn) 全選 下面 五項(xiàng)選中。
(2)選擇反選全部不選,如果部分選中,反選就選擇之前未選的。
(3)下面五項(xiàng)選中,全選按鈕自動(dòng)被選中。

樣板
HTML結(jié)構(gòu)

html
JS部分

功能實(shí)現(xiàn)
2.標(biāo)簽頁(yè)tab
很常見的的功能要求就不介紹了,直接上樣板和代碼。

樣板
HTML

html
html
JS部分

js
可以看出js基本都是一兩行完成的,這就是JQ的良好的DOM封裝功能。