jQuery EasyUI最新试用版免费下载>

数据网格的工具栏不仅可以包含按钮，还能包含任何其他组件。用户可以通过已存在的div标签轻松定义工具栏布局，该div标签将成为数据网格工具栏的内容。本教程将向您展示如何为数据网格组件创建复杂的工具栏。

创建工具栏

创建数据网格

jQuery的介绍

学习目标

1、为了防止全局变量污染，把 jQuery 的代码写在一个自调函数中。

2、咱们平常使用的$实际上 jQuery 对外暴露的一个工厂函数。

有时为了节省不想手动操作网页，但又想看到用户操作时的效果，可以用到jQuery提供的trigger方法。见下图代码

在不点击按钮时仍然想弹出this.value

我们只需要在后面加上.trigger("事件名称")就可以在不点击按钮的情形下看到用户点击按钮时看到的效果。这种方法的简写方法是用.事件名称代替trigger("事件名称")，这种简写方法只适用于系统时间。

另外一种模拟方法是.triggerHandler,这种方法是基于.trigger的，只是增加了一些细节

jQuery

• jQuery 是一个前端库，也是一个方法库
• 他里面封装着一些列的方法供我们使用
• 我们常用的一些方法它里面都有，我们可以直接拿来使用就行了
• jQuery 之所以好用，很多人愿意使用，是因为它的几个优点太强大了

1. 优质的选择器和筛选器
2. 好用的隐式迭代

随着Web前端技术的不断发展，互联网上诞生了很多优秀的JavaScript框架，这些框架基本上都封装了JavaScript、DOM和Ajax等操作的功能，为开发人员提供了更加快捷、强大的开发方式。常见的JavaScript框架有jQuery、Prototype、ExtJS和等。

加载在线版的 jquery 文件地址

<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.slim.min.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
//......
</script>

1 jQuery操作

1.1 引入jQuery

要使用jQueryjavascript库，只需要将jQuery 对应的“jquery-x.x.js”脚本文件引入到页面中即可。

开发人员构建网站都希望能够给用户最好的体验。如今，网上有许多工具可以帮助开发人员提高网站的用户体验！就目前的趋势而言，jQuery插件是最好的工具，它能充分的利用JavaScript的优势，给网站的用户最好的浏览体验。今天，我们为大家收集了排名前7位的免费jQuery插件，还在等什么，一起来看看吧！

Animate Scroll.js是一个简单的jQuery插件，它用来为滚动增加延迟效果。同时你还可以自定义滚动样式（30多种滚动效果）和滚动速度，还有一个可以操纵”滚动结束位置”的”padding”选项。这个插件不局限于整个页面，某个特定的包裹元素也可以作为其目标。

1.操作cookie的插件jquery.cookie.js

添加

$.cookie('the_cookie', 'the_value');

设置时长

$.cookie('the_cookie', 'the_value', { expires: 7 });