美文网首页
jquery选择器(案例)

jquery选择器(案例)

作者: 原来不语 | 来源:发表于2017-09-26 20:03 被阅读0次

mouseover : 鼠标经过事件

mouseout : 鼠标离开事件

使用下边得更好

mouseenter : 鼠标进入事件

mouseleave : 鼠标离开事件

jQuery特殊的选择器:

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

<li>第一个</li>

<li>第二个</li>


$("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的变化


案例:下拉菜单:


手风琴案例!!

淘宝精品案例

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

相关文章

  • jquery从零开始-2.1 jQuery 选择器基础

    接上一节 jquery从零开始-1.3jQuery实战案例 选择器是 jQuery 的根基。 在 jQuery ...

  • JQuery

    JQuery 基础:概念快速入门JQuery对象和JS对象区别与转换选择器DOM操作案例 JQuery 基础: 概...

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • JQUERY一

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器 jQuery 事件 jQuery...

  • jQuser有选择器

    jQuery基本选择器 jQuery过滤选择器 jQuery层级选择器 jQuery筛选选择器(方法)

  • 选择器

    jQuery 元素选择器 jQuery 属性选择器 jQuery CSS 选择器

  • jQuery 基础

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery

    jQuery jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样...

  • jQuery选择器

    一、jQuery常用选择器 二、jQuery选择器优势 三、jQuery常用基本选择器 四、jQuery常用层次选...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

网友评论

      本文标题:jquery选择器(案例)

      本文链接:https://www.haomeiwen.com/subject/ybleextx.html