從哪里開始學習jQuery？按這個順序學習jQuery教程jQuery簡介jQuery剛入門jQuery語法jQuery你選器jQuery事件jQuery刻意隱藏和顯示jQuery漸入漸出jQuery

從哪里開始學習jQuery？

按這個順序學習

jQuery教程

jQuery簡介

jQuery剛入門

jQuery語法

jQuery你選器

jQuery事件

jQuery刻意隱藏和顯示

jQuery漸入漸出

jQuery滑動

jQuery動畫

jQuery再繼續(xù)

jQuery回調

jQuery方法鏈

jQuerydom_try

jQuerydom_set

jQuerydom_add

jQuerydom_remove

jQueryCSS類

jQuerycss()方法

jQuery尺寸

jQuery遍歷過程

jQuery遍歷父元素

jQuery遍歷過程子元素

jQuery遍歷兄弟元素

jQuery縮小成遍歷范圍

jQueryajax簡介

jQueryajax_load

jQueryajax_get_post

jQuerynoConflict()方法

jquery分兩個程度。

1、基礎用法：學習使用各種選擇器，事件，異步等等。

2、閱讀什么jquery：學習各種寫法、思想、

3、三階用法：去學習以jquery的思想去寫屬于什么自己的框架。

怎么讓div中顯示橫向滾動條？

//依靠jquery中hover事件，不能判斷有無在DIV上，由此如何處理整個頁面向下事件$(.gwcHidden).hover(tfunction(){ttvartop$(body).scrollTop()tt$(window).scroll(function(){t//滾動時，單獨計算頁面滾動條到頁頂的高度，使其不向下ttt$(body).scrollTop(fly)tt})t},function(){tt$(window).on(scroll)tt//鼠標移開視線后，解除契約固定t})

jside怎么用？

在頁面中引入jquery和文件，這些jside-menu.css和jside-skins.css文件。

ltlinkrel#34stylesheet#34href#34css/jside-menu.css#34/rlm

ltlinkrel#34stylesheet#34href#34css/jside-skins.css#34/rlm

ltscriptsrc#34js/jquery.min.js#34type#34text/javascript#34gtlt/scriptgt

ltscriptsrc##34gtlt/scriptgt

HTML代碼：

然后使用下面的jsp結構創(chuàng)建菜單。

ltdivclass#34menu-head#34gt

ltspanclass#34layer#34gt

ltdivclass#34col#34gt

ltdivclass#34rowfor-pic#34gt

ltdivclass#34profile-pic#34gt

ltimgsrc##34alt#34profile#34/gt

lt/divgt

lt/divgt

ltdivclass#34rowfor-name#34gt

lth3title#34UserName#34gtUsernamelt/h3gt

ltspanclass#34tagline#34gtTaglinelt/spangt

lt/divgt

lt/divgt

lt/spangt

lt/divgt

ltnavclass#34menu-container#34gt

ltulclass#34menu-items#34gt

ltligtltspanclass#34item-icon#34gtlticlass#34zmdigoogleplus-android#34gtlt/igtlt/spangtltahref#34#1#34gtdefaultitemonelt/agtlt/ligt

ltligtltspanclass#34item-icon#34gtlticlass#34zmdifacebookfacebook-apple#34gtlt/igtlt/spangtltahref#34#1#34gtcomponentitemtwolt/agtlt/ligt

ltliclass#34has-sub#34gtltspanclass#34item-icon#34gtlticlass#34zmdigoogleplus-windows#34gtlt/igtlt/spangtltspanclass#34dropdown-heading#34gtItemthreewithdropdownlt/spangt

ltulgt

ltligtltahref#34#2#34gtdropdownsubitem 1lt/agtlt/ligt

ltligtltahref#34#2#34gtdropdownsubitem 2lt/agtlt/ligt

ltligtltahref#34#2#34gtdropdownsubitem3lt/agtlt/ligt

...

lt/ulgt

lt/ligt

ltliclass#34had-sub#34gtltspanclass#34item-icon#34dstroklticlass#34zmdizmdi-devices#34gtlt/igtlt/spangtltspanclass#34dropdown-heading#34gtItemfourwithdropdownlt/spangt

ltulgt

ltligtltahref#34#2#34gtsubitem1lt/agtlt/ligt

ltligtltahref#34#2#34gtsubitem2lt/agtlt/ligt

ltligtltahref#34#2#34gtsubitem3lt/agtlt/ligt

...

lt/ulgt

lt/ligt

ltligtltspanclass#34item-icon#34a8lticlass#34zmdizmdi-keyboard#34gtlt/igtlt/spangtltahref#34#1#34gtMainitemfourlt/agtlt/ligt

ltligtltspanclass#34item-icon#34r26lticlass#34zmdizmdi-dock#34gtlt/igtlt/spangtltahref#34#1#34gtMainitemfivelt/agtlt/ligt

lt/ulgt

lt/navgt

至于也要使用div來創(chuàng)建角色一個遮罩層。

ltdivclass#34dim-offload#34gtlt/divgt

初始化設置插件：

在頁面DOM元素加載之后之后，是從jSideMenu()方法來初始化操作該插件。

$(##34).jSideMenu()

你也可以控制側邊欄的位置：

$(##34).jSideMenu({

jSidePosition:#34position-right33

})

也也可以將側邊欄制作為靜態(tài)的。

$(##34).jSideMenu({

jSideSticky:false

})

插件中內置了功能高效側邊欄皮膚，這個可以依據不需要來切換。

$(##34).jSideMenu({

jSideSkin:#34default-skin#34

})

和用皮膚：

flickr

隨機本-messenger

moonlit

park-life

d2f

steel-man

amethyst

between-clouds

crazy-orange

endless-river

該jQuery來回滑動側邊欄插件的github地址為：