登录注册
京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

Xebcnor

  • jQuery UI Autocomplete 示例（一）

    AutoComplete 在获取焦点后，随着用户键入的内容，可以在预订的数据源中查找和已输入的内容相匹配的内容列表供用户选择。这可以用作之前输入过的内容也可以用作自动填充相关内容，比如根据城市名，自动填充邮编等。你可以使用本地数据源或是远程数据源，本地数据一般使用小数据集合，比如包含50条记录的通讯录，远程数据源一般为保护大量记录的数据库。

    Xebcnor
    jquery， ui， autocomplete， 示例， 教程

  • jQuery UI Accordion 示例

    本篇介绍 Accordion 组件（类似手风琴可以摺叠的 UI 组件）。基本用法jQuery Accordion UI 组件可以把一个包含有具有 Header (标题头）和 Content（内容）对的容器转变成 Accordion 组件。比如如下一个 Id=”accordion”Div HTML 元素。<div id="accordion"> <h1>Section 1</h1> <div> <p>Description 1</p>

    Xebcnor
    jquery， ui， accordion， 示例， 教程

  • jQuery UI 示例

    上篇介绍了使用 jQuery UI 基本工作过程，后面就逐个介绍 jQuery UI 库内置的 UI 组件，支持的拖放，动画效果等，如果你之前看过 Yii Framework 教程 ，PHP Yii Framework 封装了 jQuery UI 组件，有兴趣的可以看一看。

    Xebcnor
    jquery， ui， 示例， 教程

  • jQuery UI 基本工作过程

    本篇介绍 JQuery UI 组件的基本工作过程，以进程条（Progressbar)为例介绍 JQuery UI 组件工作的基本过程。初始化大部分 JQuery Ui 组件都可以保持其状态，因此为了能够跟踪 UI 组件的状态，jQuery UI 组件也有一个生命周期，这个生命周期从初始化开始，为了初始化一个 UI 组件，一般在某个 HTML 元素调用 UI 组件（插件）方法。，比如$( "#elem" ).progressbar();

    Xebcnor
    jquery， ui， 基本， 工作， 过程

  • jQuery UI 概述

    前面介紹了 jQuery 的基本用法，jQuery UI 是一套 JavaScript 函式庫，提供抽象化、可自訂主題的 GUI 控制項與動畫效果。基於 jQuery JavaScript 函式庫，可用來建構互動式的 Web 應用。它的基本功能有：互動拖曳（Draggable） – 讓元素可以用滑鼠拖曳。拖放（Droppable） – 讓控制項可以接受其他拖曳進來的元素。調整大小（Resizable） – 讓元素可以調整大小。

    Xebcnor
    jquery， ui， 概述， 教程

  • 操作 HTML 元素的大小

    jQuery 提供下面方法来控制 HTML 元素的大小：width()height()innerWidth()innerHeight()outerWidth()outerHeight()一般影响 HTML 元素 大小各部分的示意图如下所示：jQuery width()和 height()方法width()用来设置或取得元素的宽度，height()设置和取得元素的高度。下面代码取得元素的高度和宽度。$("button").click(function(){ var txt="";

    Xebcnor
    操作， html， 元素， 大小， jquery

  • 读写 HTML 元素的 css 属性

    jQuery 的 css()方法用来设置或读取 HTML 元素的 css 属性。读取元素的 CSS 语法语法如下：css(“propertyname“);比如下面代码取得第一个元素的背景颜色。$("p").css("background-color");使用下面的语法来设置 HTML 元素的 CSS 属性：css(“propertyname“,”value“);例如，下面代码为所有元素设置背景色为黄色。<!DOCTYPE html><html><head>

    Xebcnor
    读写， html， 元素， css， 属性

  • 设置或取得元素的 CSS class

    jQuery 支持方法用来操作 HTML 元素的 CSS 属性下面的方法为 jQuery 提供的 CSS 操作方法：addClass() – 为指定的元素添加一个或多个 CSS 类。removeClass() – 为指定的元素删除一个或多个 CSS 类。toggleClass() – 为指定的元素在添加/删除 CSS 类之间切换。css() -设置或是取得 CSS 类型属性。下面的 StyleSheet 为后面例子使用的 CSS 风格：.

    Xebcnor
    设置， 取得， 元素， css， class

  • 删除HTML元素

    jQuery 使用下面两个方法来删除或是清空某个 HTML 元素。remove() – 删除指定的元素（包括其子元素）empty() – 清空指定元素的子元素例如：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> <script>

    Xebcnor
    删除， html， 元素， jquery， 教程

  • 添加HTML元素

    使用 jQuery 可以方便的添加新的 HTML 元素。下面的方法用于添加 HTML 元素：append() – 在指定的元素的尾部添加一个新内容。prepend() -在指定的元素里前部添加新内容。after() – 在指定元素前添加新内容before() -在指定元素的后面添加新内容。

    Xebcnor
    添加， html， 元素， jquery， 教程

  • HTML Set

    上篇介绍 HTML Get，jQuery 其实使用上面同样的三个方法来赋值。text() – 设置或取得指定元素的文本内容。html() – 设置或取得指定元素的内容（包括 HTML 标记）val() – 设置或取得表单某个输入域的值。比如下面代码就是使用上面三种方法给 HTML 元素或 Form 赋值$("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").

    Xebcnor
    html， set， jquery， 教程

  • HTML Get

    jQuery 库包含了很多用来改变和操作 HTML 元素及其属性的方法。其中一个非常重要的部分就是 jQuery 可以用来操作 DOM。本篇介绍使用 jQuery 来取得 DOM 节点元素的值或属性。其中三个简单而有用的方法如下：text() – 设置或取得指定元素的文本内容。html() – 设置或取得指定元素的内容（包括 HTML 标记）val() – 设置或取得表单某个输入域的值。

    Xebcnor
    html， get， jquery， 教程

  • 方法链

    jQuery 支持将多个方法链接在一起，比如介绍的多个 animation()，这个链接也可以应用到其它方法，构成一个方法链。使用这个方法，对于同一个元素，链接多个方法，浏览器无需多次查找 HTML 元素。下面的方法，可以把 css,slideUp,slideDown 串接在一起：$("#p1") .css("color","red") .slideUp(2000) .slideDown(2000);

    Xebcnor
    方法， jquery， 教程

  • 回调函数

    JavaScript 语句是一行一行执行的，然而对于前面的动画效果语句，后面的语句可以在动画效果完成前就执行，因此可能会造成错误的结果。所以之前的 hide,show,fadeIn,fadeOut,slideIn,slideOut,animation 都支持一个 callback 可选参数，支持为这些方法添加一个回调函数，在动画完成之后调用。典型的语法如下：$(selector).hide(speed,callback);

    Xebcnor
    回调， 函数， jquery， 教程

  • 终止动画

    jQuery 的使用 stop()方法在动画结束之前停止动画。基本语法如下：$(selector).stop(stopAll,goToEnd);可选参数 stopAll 指明是否同时清除“动画队列”，缺省为 false.意味着只停止当前活动的动画，之后的动画则继续运行。可选参数 goToEnd 指明是否立即结束当前动画，缺省为 false.因此缺省的 stop()动作为终止指定 HTML 元素的当前动画效果。如：$("#stop").

    Xebcnor
    终止， 动画， jquery， 教程

  • 动画效果

    前面的 hide/show,slide in/out 其实也具有动画效果，本篇介绍使用 animate()实现自定义动画效果。基本语法如下：$(selector).animate({params},speed,callback);必选的参数为 params,定义 CSS 用于动画效果的的属性。可选参数 speed 给出了淡入效果的时间，可以使用 “slow”,”fast” 或是数值（微秒）第二个可选参数为回调函数，在 animate()方法结束后调用。

    Xebcnor
    动画， 效果， jquery， 教程

  • 滑动效果

    jQuery 支持使用下面方法来实现 HTML 元素的滑动效果：slideDown()slideUp()slideToggle()slideDown 方法用来实现向下滑动动画效果，其基本语法为：$(selector).slideDown(speed,callback);可选参数 speed 给出了淡入效果的时间，可以使用 “slow”,”fast” 或是数值（微秒）第二个可选参数为回调函数，在 slideDown()方法结束后调用。

    Xebcnor
    滑动， 效果， jquery， 教程

  • 淡入淡出效果

    jQuery 提供了下面几种方法可以实现显示的淡入淡出效果：fadeIn()fadeOut()fadeToggle()fadeTo()fadeIn()方法fadeIn()实现淡入效果，其基本语法如下：$(selector).fadeIn(speed,callback);可选参数 speed 给出了淡入效果的时间，可以使用 “slow”,”fast” 或是数值（微秒）第二个可选参数为回调函数，在 fadeIn()方法结束后调用。$("button").

    Xebcnor
    淡入淡出， 效果， jquery， 教程

  • 显示/隐藏内容

    jQuery 的 hide() 和 show() 可以用来显示和隐藏内容。比如下面的例子：<!doctype html><html><head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function () { $("#hide").

    Xebcnor
    显示， 隐藏， 内容， jquery， 教程

  • Events

    学习了 jQuery 的选择器，就可以针对选择的 HMTL 标记或是元素添加事件处理，事件包括按键，鼠标，单击按钮等。下面为常见的 DOM 事件：jQuery事件处理的语法在 jQuery 中，大部分的 DOM 事件都有对应的 jQuery 事件，比如为所有 标记添加单击事件处理：$("p").click();下一步添加单击事件的处理函数，你必须传一个回调函数给单击事件：$("p").

    Xebcnor
    events， jquery， 教程
上一页 下一页

个人简介

  1. Xebcnor

  2. 前端学习 GO GO GO

  3. 获得 22643 积分

  4. https://nowjava.com/creator/10010

热门标签

关注时代Java

Copyright © 2014-2024NowJava. All Rights Reserved. 时代Java 版权所有 京ICP备14059627号-7

关注时代Java