jquery选择器(案例)

jquery选择器(案例)_第1张图片

mouseover : 鼠标经过事件

mouseout : 鼠标离开事件

使用下边得更好

mouseenter : 鼠标进入事件

mouseleave : 鼠标离开事件

jQuery特殊的选择器:

1、案例隔行变色,采用jQuery选择器,自动选择奇数和偶数进行匹配

  • 第一个
  • 第二个

  • $("li:even").css("backgroundColor:red") //偶数的变为红色

    $("li:odd").css("backgroundColor:red") //奇数数的变为红色

    $("li:first").css("fontSize","32px") //    li里的第一个字体大小变为32px

    $("li:eq(3)").css("fontSize","32px")  第三个

    $("li:gt(3)").css("fontSize","32px")  大于3的变化


    jquery选择器(案例)_第2张图片

    案例:下拉菜单:


    jquery选择器(案例)_第3张图片


    jquery选择器(案例)_第4张图片
    jquery选择器(案例)_第5张图片

    手风琴案例!!

    jquery选择器(案例)_第6张图片

    淘宝精品案例

    左边li (9个)  中间li (18个)   右边li(9个)

    jquery选择器(案例)_第7张图片
    jquery选择器(案例)_第8张图片

    你可能感兴趣的:(jquery选择器(案例))