jQuery大家肯定用得非常的熟练了,没什么好讲的,今天为什么要写关于on这个事件绑定的API?主要还是因为看了大神的博文:web移动端浮层滚动阻止window窗体滚动JS/CSS处理;其中对于on用于事件绑定的写法,本人没有使用过,所以就去查询了一下关于on的一些特别的用法,分为以下几类:$(selector).on(event,childSelector,data,function,map)常
支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Flash,主要特性:支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数定制功能,如文件大小、文件类型、按钮图片定义、上传文件脚本等。  
转载 2023-11-06 14:08:53
234阅读
# 如何获取 jQuery 对象的数量 在前端开发中,jQuery 是一个强大的工具,能够简化 HTML 文档的操作、事件处理和动画效果。如果你还不太熟悉 jQuery,不用担心!本文将指导你如何获取 jQuery 对象的数量,帮助你掌握这一基本技能。 ## 整体流程 以下是获取 jQuery 对象数量的操作步骤: | 步骤 | 操作描述 | 代码示
原创 8月前
14阅读
# 实现"jquery input 数量"功能教程 ## 一、整体流程 下面是实现"jquery input 数量"功能的整体流程示意表格: | 步骤 | 描述 | |------|------| | 1 | 给需要实现数量功能的输入框绑定事件 | | 2 | 在事件处理函数中获取输入框的值,并进行验证 | | 3 | 根据验证结果进行相应的处理 | | 4 | 更新
原创 2023-09-12 20:38:03
33阅读
# jQuery选择器数量详解 在使用jQuery进行DOM操作的过程中,选择器是非常重要的一部分。选择器可以帮助我们快速地找到页面中的元素,并对其进行操作。在jQuery中,有多种类型的选择器,每种选择器都有不同的特点和用法。本文将详细介绍jQuery选择器数量,包括常用的基本选择器、层次选择器、过滤选择器和内容选择器。 ## 基本选择器 基本选择器是最常见和最简单的选择器类型,它通过元素
原创 2023-09-05 05:14:34
50阅读
jQuery常用知识点大总结 文章目录jQuery常用知识点大总结jQueryjQuery介绍jQuery的优势jQuery的引入方式有两种:jQuery对象和dom对象jQuery选择器基本选择器(同css)基本筛选器(选择之后进行过滤):属性选择器:表单筛选器表单对象属性:筛选器方法(用的很多)标签操作文本操作值操作属性操作文档处理each循环data插件(了解) jQueryjQuery介绍
转载 2024-01-13 07:53:51
67阅读
jQuery 插件开发模式jQuery插件开发模式主要有三种:通过$.extend()来扩展jQuery通过$.fn向jQuery添加新的方法通过$.widget()应用jQuery UI 的部件工厂方式创建这里我们选用第二种:$.fn.myplugin = functin() { // plugin code } $.fn.myplugin = functin() { //
转载 2023-10-10 22:20:56
105阅读
Wow Slider  WOW Slider是一款小巧易用的网页滑块设计。该软件内置大量的模版和工具,让你轻松设计出完美的视觉效果。他还可以帮助用户在短时间内创造出梦幻般的滑块,而无需编码和图像编辑,是很不错的图像滑块设计工具。Nivo SliderNivo Slider是一款出色的jQuery幻灯片插件,支持多种切换效果,可定制性强.Simple Multi-Item Slider 一
转载 2024-05-27 16:43:58
48阅读
jQuery插件的使用 本文使用JQuery官网的JQuery UI的一个插件做简单介绍。首先在说插件之前说两句: 第一、什么是JQ插件: JQ插件相当于JQ的封装。好比JQ是JS的封装,只不过插件已经完成功能了。好比面包: JS是小麦,JQ是面包片,JQ插件是成品的面包! 第二、为什么要用JQ插件: JQ插件前面已经说过了。是个成品的东西。具体到。比如登录框,日历表。各种成品下拉框,按钮,等等。
转载 2023-07-11 00:42:20
158阅读
[5/13更新]1,增加对bootstrap的支持,(仅仅是用了bootstrap的样式,行为还是由本插件接管)2,添加了bootstrap的示例页面现在这种东西网上一抓一大把,而且也都很成熟,自己做一个一是轻量级,完全自定义,二也就一些人问我要一些轻量级插件的时候我推荐给他们用吧,毕竟出了问题我可以直接改,也不需要读别人的代码了,基本需求:1,拖拽插件     可对
转载 2023-11-15 06:30:47
177阅读
作者只是简单的贴出了colortips这个插件的示例和代码,同时提取出了jquery插件的基础模板:1. (function($){ 2. $.fn.插件名= function(settings){ 3. //默认参数 4. var defaultSettings = { 5. 6. } 7. 8.
转载 2024-03-06 22:42:06
47阅读
有许多优秀的jquery插件网站,简要记录如下:一、Boot strap:栅格、响应式布局网址:http://www.bootcss.com/,二、Font Awesome:字体网址:http://fontawesome.io/三、bxslider:轮播图网址:http://bxslider.com/四、jQuery Easy UI网址:http://www.jeasyui.com/downloa
转载 2023-05-22 10:46:23
259阅读
  jQuery插件分类3中:  1.封装对象方法的插件。  2.封装全局函数的插件。  3.选择器插件。  jQuery插件机制  jQuery提供了两个用于扩展jQuery功能的方法:  1.jQuery.fn.extend()方法——封装对象方法。  代码如下:  ;(function($){      这里写插件代码  })(jQuery);  2.jQuery.extend()方法——封
转载 2023-06-07 17:15:40
217阅读
       由于项目开发需要,经常会用到一些jquery插件,但网上已有的插件常常又不能100%满足业务需求,所以就想自己能看懂插件的代码,进行一些功能上的改动和补充,或者能自己自定义插件就更好了。所以这段时间会对插件进行一些研究,现将学习的一些重要内容记录下来,供那些像我一样的初学者借鉴下。嘻嘻。       (一
11个新鲜、实用的jQuery插件推荐 1. rlightbox : A jQuery UI Mediabox  rlightbox是一个轻量级的jQuery插件,它可以用来展示多样的内容,比如图片、视频、Flash动画等,它还可以自适应浏览器的宽高。 除此之外,它拥有一些其他同类插件所没有的功能:可实现只展示图片的一部分,通过拖动来查看图片其它部分。因为它是基于jQuery UI的,
转载 2023-08-27 18:40:30
192阅读
先前一直在纠结什么时候才能自己写一个jQuery插件,于是在网上找了一大把的资料,但是苦于自己太蠢看不懂所以就耽搁了下来,今天找到了一个jQuery插件编写的视频教程,于是就自己看完后,写了一个小小的插件,及一些看视频时了解到的写插件时的注意事项。以下就是一些例子及注意事项:类级别的插件编写1)直接给jQuery添加全局函数首先在创建好的demo1.js中编写如下代码:jQuery.myAlert
转载 2023-09-18 14:34:30
86阅读
前面我们学会了如何封装一个插件,并且做了一个简单的拖拽效果的插件,现在我们需要再完善一下这个插件。 首先,我们知道,很多插件其实是可以配置参数的插件的参数怎么做呢?我们来看一下,此处我们做一个改变div宽度和高度的插件(简单到丧心病狂);(function($){ var defaults={ width:300, height:200 }; $.fn.changeDiv=
转载 2023-12-28 11:22:26
51阅读
制作jquery文字提示插件jquery插件实战教程(1) 很多朋友向明河请教如何写jquery插件,今天在浏览tutorialzine时候有篇教程讲解如何写个jquery文字提示插件,这插件很简单,很适合用于讲解jquery插件机制,明河也借此抛砖引玉先讲解具体一个插件,这个插件名为:Colortip,然后在下篇教程讲解jquery插件机制。效果如下图,鼠标滑过链接出现文字提示,提示框的背景
转载 2023-07-24 22:51:28
98阅读
Aquaron包含了10个相当不错的jQuery插件。并附有源代码,实例和详细的开发文档。 post插件——简单地实现AJAX提交数据功能。 PLAIN TEXT JavaScript: $.post('/script.cgi', 'q=searchstring', function($j) { var _o = eval($j); ...
原创 2021-07-02 15:14:12
567阅读
1. fullpage 插件(全屏)1.1 使用方法引入文件<link rel="stylesheet" href="css/jquery.fullPage.css"> <script src="js/jquery.min.js"></script> <!-- jquery.easings.min.js 是必须的,用于 easing 参数,也可以使用完整的
转载 2024-08-07 10:51:10
44阅读
  • 1
  • 2
  • 3
  • 4
  • 5