jQuery文字高亮过滤插件jcTextHighlighterFilter

所属分类:UI,输入,其他-筛选及排序,搜索,杂项

 13126  31  查看评论 (3)
jQuery文字高亮过滤插件jcTextHighlighterFilter ie兼容7

jcTextHighlighterFilter是一款文字高亮过滤插件,可以实现用户输入字符后页面上指定区域高亮显示,当然此插件也可以部分代替浏览器自带的搜索功能。

用法:

1.首先引入所需文件

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jcfilter.min.js"></script>

2.准备好一个输入框

<input type="text" id="filter">

3.启动插件

<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery("#filter").jcOnPageFilter({
			animateHideNShow: true,//是否启用隐藏和显示区域时的动画效果
			focusOnLoad:true,//插件启动时是否自动聚焦到输入框
			highlightColor:'#FFFF00',//高亮背景色
			textColorForHighlights:'#000000',//高亮文字色
			caseSensitive:false,//是否区分大小写
			hideNegatives:true,//是否不显示无结果的区域
			parentLookupClass:'jcorgFilterTextParent',//元素的父框架Class,如果子元素中无结果则隐藏整个框架
			childBlockClass:'jcorgFilterTextChild'//要在哪些元素中显示,元素Class名
		});
	});          
</script>
相关插件-筛选及排序,搜索,杂项

jQuery过滤 分类 排序插件MixItUp

MixItUp是一种重量轻但功能强大的 jQuery插件,提供美丽的动画过滤和分类 排序内容。它起着很好的与现有的HTML和CSS,使其成为一个伟大的选择流体,响应布局。这是完美的组合,画廊,博客,或任何分类或排序内容!
  筛选及排序
 17685  68

jQuery表格排序插件 jquery.tablesort.js

jQuery表格排序插件 jquery.tablest.js,又一个jQuery多列的表格排序插件,可以使用字符串比较或自定义排序功能的表格单元格进行排序。
  筛选及排序
 12990  45

jQuery拖拽排序插件jQuery Sortable

灵活且有主见的排序 jQuery 插件
  筛选及排序
 11357  21

jquery图片筛选排序过滤效果(让图片自动归类)

非常不错的图片筛选排序效果,点击顶部预先设计好的按钮,图片会自动归类。最好看的地方也就出现了,排序的过程非常不错
  筛选及排序
 13554  51

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    感觉丶ALONE 0
    2017/1/22 16:13:36

    如果我要筛选的是Get回来的数据呢?

    回复
    马圣博 0
    2016/12/21 9:12:36

    可以识别中文么

    回复
    马圣博 0
    2016/12/21 9:12:20

    如果我要筛选的是Get回来的数据呢?

    回复
取消回复