`

过滤表格内容

阅读更多
.filter
<input id="filterName" />

$(function(){
       $("#filterName").keyup(function(){
          $("table tbody tr")
                    .hide()
                    .filter(":contains('"+( $(this).val() )+"') ")
                    .show();
       }).keyup();
})


放大、缩小字体
初始化
<div class="msg">
	<div class="msg_caption">
		<span class="bigger" >放大</span>
		<span class="smaller" >缩小</span>
	</div>
	<div>
		。。。
		
	</div>
</div>


jq处理
	$(function(){
		$("span").click(function(){
			var thisEle = $("#para").css("font-size"); 
			var textFontSize = parseFloat(thisEle , 10);
			var unit = thisEle.slice(-2); //获取单位
			var cName = $(this).attr("class");
			if(cName == "bigger"){
				   if( textFontSize <= 22 ){
						textFontSize += 2;
					}
			}else if(cName == "smaller"){
				   if( textFontSize >= 12  ){
						textFontSize -= 2;
					}
			}
			$("#para").css("font-size",  textFontSize + unit);
		});
	});




分享到:
评论

相关推荐

    JQ 表格内容过滤

    "JQ 表格内容过滤"是指利用jQuery库来实现对表格数据的筛选和过滤功能,提高用户交互体验。jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本案例中,我们将探讨如何利用...

    angularjs表格内容搜索过滤代码.zip

    在给定的压缩包"angularjs表格内容搜索过滤代码.zip"中,包含的是一个使用AngularJS实现的表格搜索和过滤功能的示例代码。 这个项目是基于AngularJS 1.3.4版本的,这是一个较早但仍然广泛使用的版本。AngularJS 1.x...

    layui表格 可搜索过滤 可分页

    layui表格是一款基于layui框架的前端组件,用于展示数据并提供搜索、过滤和分页功能。layui是中国流行的前端UI框架,以其简洁、优雅的代码风格和强大的功能受到开发者的喜爱。在“layui表格 可搜索过滤 可分页”这个...

    表格列过滤功能 [系列1]

    JavaScript允许我们动态地操作DOM(文档对象模型),实现实时更新表格内容,例如添加或移除过滤条件。 具体到“工具”标签,这可能意味着我们正在使用的是一种库或者框架,如jQuery、React、Vue等,这些工具可以...

    jquery表格排序

    2. **过滤**:通过输入框过滤表格内容。 3. **主题**:可以使用预设主题或自定义样式。 4. **自定义排序函数**:针对特殊需求,可以编写自己的排序逻辑。 5. **扩展**:支持日期排序、百分比排序等复杂类型的排序。 ...

    Jquery即时页面刷新过滤器示例

    总之,这个“Jquery即时页面刷新过滤器”示例展示了如何结合jQuery的选择器、事件监听和DOM操作,实现用户输入实时过滤表格内容的功能,这对于构建交互性强、响应快的Web应用至关重要。通过学习和实践这个示例,...

    扩展 jQuery TableSorter 插件 的搜索/过滤器插件

    1. **实时搜索**:此插件添加了在表格内搜索的功能,用户可以在输入框中输入关键词,实时过滤表格内容。 2. **多列过滤**:每个列都可以设置过滤条件,用户可针对不同列进行筛选,提高数据查找效率。 3. **高级过滤...

    表格列过滤功能 [系列2]

    在各种应用程序和数据分析场景中,我们经常需要对表格数据进行过滤操作,以便快速定位和提取所需信息。"表格列过滤功能 [系列2]" 这个主题主要关注如何实现或优化这一功能。博文链接提供了更深入的技术讨论,但在...

    页面内容的选择过滤方法

    为了对表格内容进行过滤,我们需要一种方法让用户能够快速定位到他们关心的数据。 这就是`tablefilter.js`发挥作用的地方。这是一个JavaScript文件,它包含了一系列函数和逻辑,用于处理用户输入的过滤条件,并实时...

    angularJS表格内容搜索过滤代码

    在AngularJS中,表格内容搜索过滤是一个非常常见的需求,它能帮助用户快速定位到所需的信息。AngularJS提供了强大的数据绑定和指令系统,使得实现这样的功能变得简单高效。本篇文章将详细解析如何在AngularJS中实现...

    ExtJs Filter 表格过滤

    表格过滤是提高用户体验和数据管理效率的重要工具,尤其在处理大量数据时。 在"ExtJs Filter 表格过滤"中,我们主要关注以下几个关键知识点: 1. **数据网格(Data Grid)**:ExtJs的数据网格是一种显示大量结构化...

    ExtJS Filter 实现表格过滤

    - **文本过滤**:允许用户输入文本,匹配列中的内容,常见的有“包含”、“不包含”、“等于”、“不等于”等条件。 - **数字过滤**:支持比较操作,如“大于”、“小于”、“等于”等,还可以设置范围过滤。 - **...

    jQuery表格搜索过滤和单元格高亮插件

    1. **实时搜索过滤**:用户可以在一个输入框中输入关键词,插件会立即对表格中的每一行进行检查,如果某行包含与关键词匹配的内容,那么这行就会被显示出来,其他不匹配的行则会被隐藏。这大大提高了用户在大表格中...

    EhLib功能扩展(定制表格,万能过滤,数据定位)

    这个功能扩展着重强调了三个核心特性:定制表格、万能过滤以及数据定位。这些特性极大地增强了EhLib库的灵活性和实用性,使得开发者能够根据具体需求创建出更加个性化和高效的用户界面及数据处理流程。 1. 定制表格...

    76、jquery表格内容控制效果

    此外,过滤和搜索表格内容也是常见的需求。可以监听输入框的`keyup`事件,实时更新表格显示。例如: ```javascript $('#searchBox').keyup(function() { var searchText = $(this).val().toLowerCase(); $('tbody...

    段组,断组过滤表格(原创)

    断组手动过滤表格,如果你有断组跟踪表格,即可用它配合过滤。只支持3-3-4形式的断组,将数数据按"147-258-0369"或"147,258,0369"的格式复制入数字录入区,设置好容错,点“大底”即可

    简单表格内容假数据写死

    在网页设计中,"简单表格内容假数据写死"这个标题可能是指创建一个静态的HTML表格,用于展示一些预先设定(或“写死”)的数据,这些数据通常用于模拟真实情况,比如在开发阶段或者作为示例数据。在这个场景中,我们...

    易语言高级表格数据导出Excel表格

    本话题将深入探讨如何利用易语言高级表格组件将数据导出为Excel表格,并设置表格内容。 首先,我们要了解易语言中的高级表格组件。这个组件允许用户创建和编辑二维表格,具有类似电子表格的功能,如单元格编辑、...

    功能很强大的Table

    - 对于搜索功能,可以添加一个输入框,监听其`input`事件,实时过滤表格内容。 - 分页功能通常需要计算每页显示的数据量,以及处理按钮点击事件来切换页面。 4. 考虑到性能优化,如果数据量非常大,可以考虑使用...

Global site tag (gtag.js) - Google Analytics