鋒利的Jquery讀書筆記

來源:互聯網
上載者:User

一直覺得學習Jquery挺難的,看看選取器,記住他的一些方法,可是光看不練的話始終的掌握不了,個人覺得鋒利的Jquery上面的例子不錯,可以全部自己做出來的話應該就過關啦~~

下面列出本書的例子,供自己以後參考:

第一章:1、做一個導覽列,單擊不同的章節名稱連結,顯示相應的內容,同時高亮顯示當前選擇的章節。效果

2、某個論壇的註冊頁面,使用者必須選中頁面下方"同意並接受註冊協議"複選框,否則不能提交

第二章:1、給網頁中所有的p元素添加onclick事件

2、使特定的表格隔行變色

3、對多選框進行操作,輸出選中的多選框的個數

4、實現某網站品牌列表的效果:使用者進入該頁面時,品牌列表預設是精簡顯示的,使用者點擊商品下方的"顯示全部品牌"按鈕來顯示全部的品牌,效果:

第三章:1、超連結提示,瀏覽器已經內建了超連結提示,只需要在連結中加入title屬性就可以了,但是要更好的實現人機互動,請實現。

2、圖片提示效果:當滑鼠移動到網頁上的小圖片的時候,可以顯示大圖片來獲得提示

第四章:1、實現視頻效果:使用者單擊左上方的左右箭頭,來控制視頻展示的左右滾動,當單擊向右箭頭時,下面的展示視頻會向左滾動隱藏,同時新的視頻展示會以滾動的方式顯示出來。

第五章:1、左右都有下拉框選項,使用者可以通過中間的按鈕將左邊的選項添加到右邊,也可以將右邊的選項添加到左邊,或者雙擊選項,將其添加給對方,效果:

2、給一張人員資料表,

給表格進行隔行變色的操作

2、在第一列前面加一列單選框,當單擊某一行時,此行被高亮選中,並且單選框被選中。

3、將單選框變成複選框,單擊複選框可以使多行變色,並且沒有限制被選中的個數

4、放大縮小字型:

5、網頁選項卡:選項卡的第一個選項被選中的時候,然後下面的地區顯示相應的內容,

6、網頁換膚:通過調用不同的樣式表檔案來實現不同皮膚的切換,

第六章:1、基於jquery的聊天室

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.