昨天在做後台組的乙個小功能的時候遇到的，很基礎，但是也很常用，記下來大家一起學習。
比如，需要的是這樣子的乙個功能，如下圖：
最上面一行的的標題和側面的標題都是可以互相切換的。這個效果很常見，在瀏覽網頁的時候。
首先我們先說下標題之間的切換，完了之後再說標題和內容一起切換。。
我給最上面那排的每乙個標題統一的類名是top,然後將點選過後呈現的樣式寫在了.hover裡面。
用jquery操作：
$('.top').click(function());
function select(own_tab){ //將上面獲取的屬性值當作引數傳進來
var tab = own_tab;
$('.con').hide(); //將所有的內容區域隱藏起來
$('.con[rel='+tab+']').show(); //讓rel的值和tab的值相等的con顯示出來
好啦~這樣就大功告成啦~！
發現乙個問題了木有~jquery有種逆向的思想呢，不知道描述的夠不夠準確，但是我是這樣子想的呢，比如你想要達到點選當前元素之後，當前元素變成乙個特殊的顏色，同級的其他所有元素變成另一種顏色，那麼當你新增點選事件之後，一般人想到的是先給當前元素加上你想要的顏色的類名， 然後再去掉同級的元素的類名，可是呢，如果你真的這樣子做了的話，是達不到想要的那種效果的！
正確的思路是：先去掉所有元素之後要顯示的那個樣式的類名，然後在給當前點選的元素新增要顯示的樣式的類名！標題和對應的內容顯示也是一樣的道理，先將所有的內容隱藏，然後再顯示相對的內容~
jQuery中常見的方法
目錄 0.碼仙勵志 1.val方法 2.text 與html 3.width 與height 4.scrolltop 與scrollleft 5.offset 與position 6.delay 將程式暫停一段時間 7.each 遍歷迴圈 8.end 返回上一次的元素 9.index 獲取元素下標 ...
Python 之 程式設計中常見錯誤
1 變數名不正確 message hello print msg 錯誤資訊 nameerror name msg is not defined 2 單引號包圍的字串中包含單引號，雙引號包圍的字串中包含雙引號 message he llo print message 錯誤資訊 syntaxerror ...
jQuery02 點選標題面板顯示內容
w3c dtd xhtml 1.0 transitional en class box 1.點選每組的標題時，顯示該標題下的面板 同時隱藏其他的面板。2.頁面載入完畢後預設顯示第乙個標題下的面板。panels dotnet23 英雄們，該寫作業了.dotnet24 其實它只是個傳說.dotnet25...