首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

编写自己的jquery组件

以一个翻页组件为例。 前提,网上针对jquery ajax方式获取数据的翻页组件很多,有一个应用未使用ajax,而是直接通过jsp模板渲染数据,没有找到合适的组件。那么就自己手写一个简单的组件吧。...jquery组件的模板 //pagination 为自定义的组件名称 $.fn.pagination=function(options){ var defaults = { //默认的属性...var settings = $.extend(defaults, options); //合并以后,下面所有的逻辑需要使用参数的时候,都是用settings } 使用时,可以使用任意的jquery...url,用于在使用组件时动态传入url。...2、3事件,如果用外部css,可以更简单: .pagination:hover {background-color:#e2ecff;} 结束组件 最后,如果在组件构建以后还想修改它,那么可以在最后返回自己

77020
您找到你想要的搜索结果了吗?
是的
没有找到

強大的jQuery Chart组件-Highcharts

; 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery...无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表; 时间轴:可以精确到毫秒 下载插件 Highcharts下载地址 http://www.highcharts.com/download jquery...下载地址 http://jquery.com/ 本次介绍是把highcharts中的第一个文件拷贝过来,然后把其他的功能加在了这个文件中,然后查询相关资料,导出图片格式不需要连到官方服务器了,只需要在本地就可以...-- 1.引入jquery库 -->     ...highcharts javascript区域打印代码 Highcharts用Asp.Net导出jpg,png图片 http://www.highcharts.com/ref/#exporting 強大的jQuery

2.1K50

组件分享之前端组件——文件上传小部件jQuery-File-Upload

组件分享之前端组件——文件上传小部件jQuery-File-Upload 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件...组件基本信息 组件jQuery-File-Upload 开源协议:MIT license 内容 本次分享的组件是文件上传小部件jQuery-File-Upload,具有多个文件选择、拖放支持、进度条...、验证和预览图像、jQuery 音频和视频。...: $('#fileupload').fileupload(); 强制性要求 jQuery v1.7+ jQuery UI 小部件工厂v1.9+(包括):基本文件上传插件所必需的,但非常轻量级,没有...jQuery UI 套件的任何其他依赖项。

3.1K20

这 5 个前端组件库,可以让你放弃 jQuery UI

目前正在广泛使用的框架之一就是jQuery UI。这是一组扩展的使用jQuery构建的部件、效果和主题,分为一组一组的形式。...既可以在单个软件包中下载jQuery UI的所有元素,也可以选择只下载感兴趣的组件和功能。使用这样的控件集能够为组件创建出一致的外观,并允许以更少的投入快速创建出应用。...首先这些组件是由Telerik开发的。与其它框架不同的是,这些小部件仅使用JS,并且是从头开始构建的,根本不需要jQuery。即使在移动设备上查看,组件也是快速,平稳并且稳定的。...虽然这个框架与jQuery UI共享一些组件,但Webix扩展了jQuery UI并提供了一些不同于jQuery UI中常用的组件。 Webix文档具有很好的帮助作用。...JQWidgets是一个jQuery驱动的框架,用于为网站建立响应式、快速、强大的UI组件。JQWidget的组件主要是使用jQuery,并提供了交互式,动态和高度可定制的小部件。

5.1K20

jquery jQuery快速入门

jQuery快速入门 jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。...jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫,并且可以根据自己需要去改写和封装插件,简单实用...jQuery内容: 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax 下载链接:jQuery官网 中文文档:jQuery AP中文文档 jQuery...jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。...jQuery的原型,以提供新的jQuery实例方法。

16.1K50

jQuery

jQuery 概述 js库:即library,封装好的函数。里面有很多预先封装好的方法。 jQuery就是为了更方便快速操作DOM,里面封装了很多方法,后续用jQuery对象调用这些方法即可。...//DOM加载完成的入口 }) jQuery的顶级对象:$ `是jQuery 别称,在代码中`和jQuery和等价,为了方便都是$。...`是jQuery的顶级对象,相当于原生js中的window,元素通过`包装成jQuery对象,调用jQuery属性和方法。...所以,jQuery 只是对js常用属性和方法进行了封装。 DOM使用原生js方法和属性,jQuery 使用jQuery 属性和方法。...: //直接获取元素即可 $('div'); ---- jQuery常用API jQuery选择器 jQuery 基础选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery

20.9K50
领券