示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>插件4,between</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 引入jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript">
</script>
<script type="text/javascript">
;
(function($){
$.extend($.expr[":"], {
between: function(a, i, m){
var tmp = m[3].split(",");
return tmp[0]-0<i && i<tmp[1]-0;
//tmp[0],eg为2,i>2的时候,并且i<5,另外一个边界,条件成立,根据索引值i,保留其所对应的Dom元素.
}
})
})(jQuery);
//插件应用
$(function(){
alert("执行前");
$("div:between(2,5)").css("background","white");
alert("执行后");
})
</script>
</head>
<body>
<div style="background:red">
0
</div>
<div style="background:blue">
1
</div>
<div style="background:green">
2
</div>
<div style="background:yellow">
3
</div>
<div style="background:gray">
4
</div>
<div style="background:orange">
5
</div>
</body>
</html>
分享到:
相关推荐
本文实例讲述了jQuery使用动画队列自定义动画操作。分享给大家供大家参考,具体如下: jQuery的queue()方法和dequeue()方法配合使用,可以完成对函数队列的操作。 实现步骤: 1、新建一个函数数组,把动画函数依次放...
layPicker移动端选择器 基于jquery实现,可设置微信版和旧版、及自定义html 默认支持日期选择器 可自定义级联选择器 示例充足
本文实例讲述了jQuery判断自定义属性data-val用法。分享给大家供大家参考,具体如下: jquery判断自定义属性data-val 1.css .active { color: red; } 2.html <li data-val=1>1 <li data-val=2>2 ...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
本文实例讲述了jQuery简单自定义图片轮播插件及用法。分享给大家供大家参考,具体如下: 经常使用别人的插件,现在自己写一个,纪念一下。 jQuery.banner.js: /* * banner 0.1 * 使用banner 实现图片定时切换 鼠标...
jquery日期选择器插件,含示例。可自定义多种日期选择展示效果,默认显示平铺日期选择器、点击触发日期选择器、设置规定范围时间内日期选择器、点击图标按钮触发日期选择器等。
支持jQuery所有的选择器语法,只要控件有唯一ID和type属性 支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js,你可以自由的添加、修改里面的内容。 支持2种校验模式。第一种:文字提示(showword模式...
##选项### container可以是jQuery选择器字符串或jQuery对象。 将是字段附加到的位置。 如果没有传入,则它将添加到DataTables包装器的前面(有效地放在表的顶部)。 您还可以指定'thead' , 'thead:before' , '...
#jquery#location-picker,#maps,#autocomplete,#geocode,#OpenStreetMap,#OSM,#OpenLayers特征位置按地址搜索地址自动完成在地图上选择位置并点击从位置反向地址地理编码使用以下方法初始化位置选择器...
jQuery自定义了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方法能够创建jQuery对象方法. 例如: 代码如下: jQuery.extend({ showName : ...
jquery 选择器/12 2.1 jquery选择器概述/13 2.1.1 什么是选择器/13 2.1.2 选择器的优势/13 2.2 jquery选择器详解/17 2.2.1 基本选择器/18 2.2.2 层次选择器/20 2.2.3 简单过滤选择器 2.2.4 内容过滤...
一款简单jQuery日历选择器代码 3.基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 4.基于jquery实现多功能日历插件(weekcalendar)1.2版本下载 5.实用漂亮jQuery网页日历插件datePicker下载 6.简洁...
关于这个项目 该项目包含Librelio网站...日期范围选择器 绒毛 jQuery表单 表单向导 子 魔法 鼠标滚轮 PageDown-Bootstrap 上载 自举开关 表分类器 标签输入 引导时间选择器 触摸打Kong 制服 验证引擎 jquery.validVal
cxCalendar 是基于 jQuery 的日期选择器插件,支持日期、时间、月份、年份等多种类型。 它灵活自由,你可以自定义外观,日期的范围,返回的格式等。 同时兼容 Zepto,方便在移动端使用。 若从 1.x 版本升级迁移,请...
本文实例讲述了jQuery实现导航样式布局操作。分享给大家供大家参考,具体如下: 1. 导航Html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net ...
提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...
支持jQuery所有的选择器语法,只要控件有唯一ID和type属性 支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js,你可以自由的添加、修改里面的内容。 支持2种校验模式。第一种:文字提示(showword模式);...
超轻量级的视觉 HSL、RGB 和十六进制颜色选择器,具有响应灵敏、触摸友好且可自定义的 UI。 与或兼容。 演示 试用demo.html 。 特征 小文件大小(约 4kb 缩小),源代码小于 300 行( 超过 2000 行)。 易于理解和...
包括几个示例,例如使用日期选择器的过滤器,因此可以选择“从”和“到”日期。 摆脱闭包库的依赖 使代码更容易阅读和理解代码的新手 与 PicNet 表过滤器相比的主要缺点 需要更多配置才能使用 版本历史 版本 5 ...