博客专栏  >  编程语言   >  jQuery教程

jQuery教程

jQuery教程,jQuery UI 教程,jQuery Mobile教程

关注
38 已关注
43篇博文
  • jQuery 入门教程(43): jQuery UI Tooltip 示例

    JQuery tooltip 的基本用法,可以把所有元素的的 title 属性做为Toolbar显示,比如:12html lang="en">3head>4    meta charset="utf-...

    2013-05-07 10:53
    4011
  • jQuery 入门教程(42): jQuery UI Tab 示例(二)

    支持收缩和展开缺省情况下,标签页是展开的,可以通过设置collapsible为true使得标签页支持收缩和展开。1script>2    $(function () {3        $("#tab...

    2013-05-07 09:08
    3944
  • jQuery 入门教程(41): jQuery UI Tab 示例(一)

    Tab  显示多个标签页,每个标签含有一个标签头和一个Panel(显示标签的内容)。基本用法首先使用HTML定义用来作为Tab,一般使用列表(ul ,li) 来定义标签页的标题,每个标题使用href ...

    2013-05-06 08:32
    2310
  • jQuery 入门教程(40): jQuery UI Spiner 示例

    Spinner 主要用来输入各种格式的数字,可以使用鼠标滚轮,键盘方向键来修改输入值,也支持直接键入数字。支持本地化的输入金额和时间。基本用法下面代码显示了Spinner的基本用法,设置和取得Spin...

    2013-05-01 08:32
    2487
  • jQuery 入门教程(39): jQuery UI Slider 示例(二)

    前面的slider 例子Slider都是水平显示的,Slider也可以显示成垂直的,这可以通过配置orientation ,将其值设为“vertical”。基本用法12html lang="en">3...

    2013-04-24 08:14
    2431
  • jQuery 入门教程(38): jQuery UI Slider 示例(一)

    jQuery Slider组件可以把选中的HTML元素变成滑动条UI控件,滑动条可以支持多个滑块用来设置单个值或一个值域。基本用法12html lang="en">3head>4    meta ch...

    2013-04-18 08:31
    3623
  • jQuery 入门教程(37): jQuery UI Progressbar 示例

    前面在介绍jQuery 入门教程(20): jQuery UI 基本工作过程时简要介绍过Progessbar用法。在使用进度条时,如果可以预知进度的大小,可以设置Max大小,如果对于一些无法预约时间比...

    2013-04-16 09:09
    7436
  • jQuery 入门教程(36): jQuery UI Menu 示例

    jQuery Menu 组件可以应用到任何具有父/子关系的元素,就其变为菜单,但通常使用u>,li ,如果你希望使用除 ul,li 之外的元素,可以通过menus 来配置。下例使用缺省的 ui和 li...

    2013-04-06 20:27
    4568
  • jQuery 入门教程(35): jQuery UI Dialog 示例(三)

    本篇使用Dialog 构造一个比较实用的对话框,它可以内嵌一个表单用来接受用户输入,每个输入框支持数据校验,部分使用正则表达式来检验。12html lang="en">3head>4    meta ...

    2013-04-04 08:33
    1971
  • jQuery 入门教程(34): jQuery UI Dialog 示例(二)

    模式对话框如想对话框显示为模式的,可以通过配置modal: true来设置。12html lang="en">3head>4    meta charset="utf-8" />5    title>...

    2013-04-03 08:19
    2506
  • jQuery 入门教程(33): jQuery UI Dialog 示例(一)

    jQuery Dialog组件用来显示对话框,模式或非模式的。基本用法12html lang="en">3head>4    meta charset="utf-8" />5    title>jQu...

    2013-04-02 08:18
    2596
  • jQuery 入门教程(32): jQuery UI Datepicker 示例(五)

    设置可以选择的日期范围有时希望用户在给定的日期内选择,比如预约会议的时间,只能在当天开始的一个月带10天以内。这时可以通过配置minDate和maxDate 来设置,如果minDate或maxDate...

    2013-03-28 07:06
    2819
  • jQuery 入门教程(31): jQuery UI Datepicker 示例(四)

    DatePicker支持使用另外的按钮控制日期选择界面显示,可以通过自定义的图标来显示这个按钮。12html lang="en">3head>4    meta charset="utf-8" />5...

    2013-03-28 07:06
    1813
  • jQuery 入门教程(30): jQuery UI Datepicker 示例(三)

    格式化日期可以通过日期格式重新定义Datepicker显示日期时的格式。12html lang="en">3head>4    meta charset="utf-8" />5    title>jQ...

    2013-03-27 08:18
    2874
  • jQuery 入门教程(29): jQuery UI Datepicker 示例(二)

    显示月份和年份选择下拉框changeMonth 和changeYear 选择可以打开和关闭月份和年份下拉选择框。12html lang="en">3head>4    meta charset="ut...

    2013-03-26 07:14
    1874
  • jQuery 入门教程(28): jQuery UI Datepicker 示例(一)

    jQuery UI提供的Datepicker 是一个有着非常灵活配置的选择日期的UI组件,你可以配置显示日期的格式,语言,限制所能选择的日期范围,添加按钮等。基本用法如下:12html lang="e...

    2013-03-25 07:10
    2077
  • jQuery 入门教程(27): jQuery UI Button示例(二)

    本例为使用jQuery的一个实用的例子,显示媒体播放器的控制条。其中按钮的图标使用jQuery库自带的CSS定义的一些图标(比如ui-icon-seek-end等)。12html lang="en">...

    2013-03-25 07:09
    2399
  • jQuery 入门教程(26): jQuery UI Button示例(一)

    jQuery Button 组件可以增强表单(Form)中的Buttons,Inputs和Anchor元素,使其具有按钮显示风格,能够正确对鼠标滑动做出反应。基本用法下例显示把表单中的button,i...

    2013-03-24 08:11
    3475
  • jQuery 入门教程(25): jQuery UI Autocomplete示例(三)

    AutoComplete在用户输入时,可以根据用户输入给出提示。其数据源可以来自本地,也可以使用远程数据源,AutoComplete 的DataSource可以使用一个Function,本篇中的Fun...

    2013-03-23 09:26
    2984
  • jQuery 入门教程(24): jQuery UI Autocomplete示例(二)

    如果一个输入框可以接受多个输入项,比如选择你喜欢的语言,以逗号隔开,这是也可以使用AutoComplete为每个输入项提供输入提示。不过此时除了设置数据源外,还需要添加一些事件处理。12html la...

    2013-03-22 07:10
    12690
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部