JQuery实例教程
关注
分享
扫一扫
文章平均质量分 86
jQuery是继prototype之后又一个优秀的Javascript库。其核心理念是write less、do more（写得更少，做得更多）。jQuery，顾名思义，也就是JavaScript和查询（Query），即辅助JavaScript开发的库。下面进入JQuery学习
AndyYuan317
种一颗大树最好的时候是十年前，其次是现在！
展开
-
Android原生集成MUI框架进行混合开发
开发APP中我们经常进行原生结合H5进行混合开发，下面将进行详细讲解Android原生集成MUI框架进行混合开发（项目Demo如下，有需要的可以下载查看）：1：mui官方框架介绍及开发要点：（https://dev.dcloud.net.cn/mui/）如下为官方页面： 今天我们就要把这个号称最接近原生开发的框架集成到我们Android原生本地中。2：首先作为例子我们下载下来...原创 2019-11-05 15:44:20 · 4982 阅读 · 0 评论 -
Android中混合H5开发集成Ionic框架编写的Android项目
在这之前首先要了解几个概念 1、什么是cordova cordova是一个开源的移动开发框架，开发者可以使用html、css、js做跨平台开发，并且可以利用其提供的组件调用移动设备的硬件功能，如：传感器、拍照等。也就是说：cordova提供了js与原生的交互通道。 cordova的前身是phonegap，是从phonegap剥离出来开源贡献给apache的，所以俩者的使用是完全相同...原创 2018-07-27 20:38:59 · 2795 阅读 · 1 评论 -
JQuery专栏之十六————服务器端文件下载的实现
16. 服务器端文件下载的实现。从服务器端下载文件到客户端的实现方式有很多。本例从服务器端下载图片文件和wod文档至客户端。首先在表单中添加一个图形控件image1和学生组合框，每个学生的照片对应于一个图片文件，其文件名为学号与jpg的组合（如D2014540101.jpg）。图片文件下方添加一个学生简介的超链接，其链接文件名为学号与doc文件的组合（如D2014540101.doc）。下面给...原创 2019-04-11 09:31:42 · 1087 阅读 · 0 评论 -
JQuery专栏之十五————利用文件框控件file实现文件的上传
15. 利用文件框控件file实现文件的上传。文件上传的方法有很多，jQuery也有许多文件上传控件。本例采用最基本的HTML文件框（<input type='file'）实现文件上传，不限制上传文件的类型和大小。具体地，在表单myForm1中添加一个学生组合框，每个学生可以上传一个照片的图形文件到服务器端，图形文件以学号命名。点击“上传”按钮后，客户端调用服务器端程序Easyui_fi...原创 2019-04-11 09:30:41 · 1281 阅读 · 0 评论 -
JQuery专栏之十四————表单的键盘控制与控件聚焦
14. 表单的键盘控制与控件聚焦。在Web应用开发中，键盘操作控制可以通过绑定控件的keydown事件实现。本例创建的表单中包含文本框、日期框、组合框、复选框等多种控件。键盘控制要求在页面初始化时将光标聚焦在第一个控件（学号）上，当用户按下回车键、向下键（↓）、向上键（↑）时，光标自动将聚焦到相应的下一个或上一个控件上。本例键盘控制的具体实现过程和程序如下：①通过$('input, sel...原创 2019-04-11 09:29:32 · 509 阅读 · 0 评论 -
JQuery专栏之十三————获取表单中可编辑控件的名称、类型及其值
13. 获取表单中可编辑控件的名称、类型及其值。在jQquery中，可以通过多种方法获取页面中的所有可编辑控件的名称、类型和值。不同类型的控件其取值方法不同。一般控件可直接使用jQuery语句$(#id).val()取值，而textbox和combobox控件需要使用getValue方法取值。checkbox控件的取值比较复杂，可以在判断其选中状态的基础上，使用attr()方法从属性中取值。...原创 2019-04-11 09:28:31 · 858 阅读 · 0 评论 -
JQuery专栏之十二————利用布局（layout）控件实现页面布局
12. 利用布局（layout）控件实现页面布局。在EasyUI中，布局控件（layout）将屏幕分成五个区域（北区 north、南区 south、东区 east、西区 west 和中区 center），每个区域都是一个容器，用于包含其他控件。中间区域面板（region: center）是必需的，边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。...原创 2019-04-11 09:27:21 · 2686 阅读 · 0 评论 -
JQuery专栏之十————窗口控件window的应用及其函数构造
11. 窗口控件window的应用及其函数构造。在EasyUI中，窗口（window）是一个浮动的、可拖拽的面板，可以当作应用程序窗口使用。默认情况下，窗口可拖动、可调整尺寸、可关闭。窗口既可以通过静态HTML定义，也可以通过JS语句动态创建。本例使用layout布局，将屏幕分成上、下两部分，其中屏幕上方为一个工具栏。当用户点击工具栏中的“修改”按钮时，利用window("open")方法...原创 2019-04-11 09:24:01 · 745 阅读 · 0 评论 -
JQuery专栏之十————工具栏、菜单和消息框控件的使用
10. 工具栏、菜单和消息框控件的使用。EasyUI菜单由EasyUI-menubutton类指定。菜单是树型结构，即每个菜单项（menu item）之下还可以有子菜单项。主菜单和子菜单可以通过<div>的嵌套来实现，也可以通过主菜单的data-options选项中定义menu属性来指定子菜单。菜单项的图标可由iconCls属性指定，菜单项之间的分隔符由menu-sep类表示。简单...原创 2019-04-09 14:03:03 · 542 阅读 · 0 评论 -
JQuery开发之九————利用滑块（slider）控件实现图片的等比例缩放。
9. 利用滑块（slider）控件实现图片的等比例缩放。滑块（slider）允许用户从一个有限的范围内选择一个数值，当沿着轨道移动滑块控件时，该控件将显示一个表示当前值的提示框，用户可通过设置它的属性来自定义滑块。可以使用<input>创建滑块控件，例如：<input class=“easyui-slider" value="12" style="width:300px"...原创 2019-04-09 13:58:11 · 1224 阅读 · 0 评论 -
JQuery专栏之八————静态组合框combobox控件及其事件和初值的设置。
8. 静态组合框combobox控件及其事件和初值的设置。在EasyUI中，组合框控件（combo或combobox，也称下拉框）需要绑定一个数据源（source），以指定其选项的来源。通常，这个数据源可以是本地数据集（静态），也可以是远程服务器端符合规定格式数据集（动态）。在定义本地数据源时一般采用JSON格式的数组。例如，有关性别的数据源可以定义如下：var gendersourc...原创 2019-04-09 13:55:52 · 1600 阅读 · 0 评论 -
JQuery专栏之七————使用tabs标签页控件分页显示多个表单控件。
7. 使用tabs标签页控件分页显示多个表单控件。EasyUI的标签页/选项卡（tabs）控件可以将多个表单组合在一起，采用类似于分页的形式显示信息，其主要属性包括：title、closable、tabPosition、tabWidth、tabHeight等。标签页通常作为一种容器加以使用，一般情况可以有多个分页标签同时存在，但是同时只有一个处于激活状态。本例将实例6中四个栏目的学生信息按...原创 2019-04-09 13:54:23 · 1031 阅读 · 1 评论 -
JQuery专栏之六————控件定义函数的综合应用
6. 控件定义函数的综合应用。本例利用控件自定义函数，创建一个表单和四个fieldset控件，在每个fieldset中添加若干个textbox、datebox、numberbox、checkbox、combobox、filebox等控件。与实例3相比，采用这种方式定义控件，可以大大减少程序代码量，增强了程序的可读性。对于一些在函数中没有涉及到的控件属性和控件事件，可以在引用自定义函数定义之后单...原创 2019-04-09 13:53:44 · 220 阅读 · 0 评论 -
JQuery专栏之五————构造控件自定义函数，简化控件的使用
5. 构造控件自定义函数，简化控件的使用。从前面实例中可以看出控件的定义是比较繁琐的，如果将一些常用的控件通过函数形式加以定义和调用，这将大大简化控件的使用。函数可以将控件的许多标准属性加以固化，同时又允许用户自己定义一些属性，这些属性往往可被描述为参数。jQDemos工程创建一个名为fn_function.js的javascript公共文件，该文件中包含各类控件自定义函数，并在以后实例中...原创 2019-04-09 13:52:57 · 395 阅读 · 0 评论 -
JQuery专栏之四————利用append()方法在jQuery中动态定义和生成EasyUI控件。
4. 利用append()方法在jQuery中动态定义和生成EasyUI控件。前面几个实例采用HTML标签语句定义控件，但有时也有一些控件由于事先是不确定的，需要在程序运行过程中动态生成，为此本例介绍append()方法，在javascript语句中动态定义EasyUI控件，具体方法和程序如下。①在页面预留一个层，取名为main。所有其他动态生成的控件均嵌套在这个层之内。<div...原创 2019-04-09 13:51:34 · 1055 阅读 · 0 评论 -
JQuery专栏之三————利用绝对坐标实现表单控件的位置布局
3. 利用绝对坐标实现表单控件的位置布局。本例采用绝对（坐标）地址法（position: absolute）确定控件在页面中的显示位置。在EasyUI中，控件绝对位置的设置采用top和left两个属性（标签），而与其他有些插件使用y和x有所不同。控件位置属性可以在HTML的style中设置，也可以通过样式CSS设置。本例通过jQuery语句设置EasyUI控件的位置、尺寸等属性。在EasyUI...原创 2019-04-09 13:50:27 · 653 阅读 · 0 评论 -
JQuery专栏之二————EasyUI表单及其控件的jQuery语句设计。
2. EasyUI表单及其控件的jQuery语句设计。本例利用HTML语句定义一个EasyUI表单控件myForm1，在这个表单中添加多种EasyUI类型控件，其中包括textbox、numberbox、datebox、combobox等。jQuery程序代码在<scipt>…</scipt>之间定义，从$(document).ready(function(){});语...原创 2019-04-09 13:48:54 · 629 阅读 · 0 评论 -
JQuery专栏之一————EasyUI基本表单控件
1. 创建EasyUI表单及常用控件。 本例创建一个包含jQuery插件的jsp文件，阐述jQuery的页面程序的基本结构。该页面包含一个EasyUI的表单控件、四个textbox文本框、一个combobox组合框和两个linkbutton按钮控件。页面布局使用基本的HTML表格（Table）标签。页面程序在<head>…</head>之间使用<s...原创 2019-04-09 13:45:27 · 549 阅读 · 0 评论