淘寶框的制作JQ

1.首先導入jQ

2.入口函數(shù)

$(document).ready(function () {

當左邊得的li被劃過時

$(".ul1 li").mouseenter(function(){

取出它自身劃過的值, 讓 ? ? 中間的ul里的li, 顯示 ? ? 并遍歷隱藏所有的li

$(".ul2 li").eq($(this).index()).show().siblings("li").hide();

});

當右邊得的li被劃過時

$(".ul3 li").mouseenter(function(){

取出它自身劃過的值, 讓? ? 中間的ul里的li, 顯示? ? 并遍歷隱藏所有的li

$(".ul2 li").eq($(this).index()+9).show().siblings("li").hide();

});

});

在這里并沒有什么高深的JQ知識有的只有最基礎的JQ運用!

高深的JQ不是一蹴而就的而是從最基礎的JQ運用而來的!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 通過jQuery,您可以選?。ú樵?,query)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 724評論 0 3
  • JQ DOM操作 var div=$("<div><a herf=‘#’></a></div>")//創(chuàng)建新標簽 ...
    久久歸移閱讀 846評論 0 6
  • jQuery基礎 什么是JQ?一個優(yōu)秀的JS庫,大型開發(fā)必備JQ的好處?一簡化JS的復雜操作二不再需要關心兼容性三...
    幺七閱讀 1,008評論 0 2
  • jQ對象是對DOM對象進行包裝后產生的對象,DOM對象和jQ對象中的方法和屬性不可互用jQuery對象與DOM對象...
    JacobMa1996閱讀 1,659評論 0 1
  • 今晚我不寫詩 不寫生命 我只寫你 你可以恨我 但你一定要原諒我的詩歌 我從遇見你那天 開始以你的名義紀年 我從你離...
    子夜玄白閱讀 327評論 4 4

友情鏈接更多精彩內容