- 浏览: 209513 次
- 性别:
- 来自: 江西
文章分类
- 全部博客 (109)
- C# (29)
- ASP.NET (30)
- MSSQL (29)
- javascript (9)
- cmd (3)
- ORACLE (4)
- log4j (1)
- window (5)
- FTP (1)
- Shell (1)
- java (1)
- IIS (7)
- html (11)
- SQL (3)
- Jquery (11)
- IE (3)
- 火狐、谷歌 (2)
- wince (2)
- JSON (5)
- List (1)
- Foreach (1)
- SQLhelper (1)
- Ajax (1)
- Firebird (1)
- mysql (7)
- js (2)
- jQuery.autocomplete (1)
- dataTable (1)
- Http (1)
- get (1)
- datetime (1)
- powshell (1)
- URL Protocol (1)
- Office (1)
- Excel (1)
- ASP.NET,算法,秘钥 (1)
- 浏览器 (1)
- Tomcat (1)
最新评论
<!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>Table word Color Change</title> <script language="javascript" type="text/javascript" src="jquery-1.3.1.js"></script> <script type="text/javascript"> $(document).ready(function() { var i = 0; //在文本框中输入文字时,按下Enter键 $("#txtc1").keydown(function(e) { var curKey = e.which; //如果curKey等13时,说明是Enter键 if (curKey == 13) { var txtQuery = $("#txtc1").val(); if (i >= 1) { var Qt = txtQuery; txtQuery = Qt; $("#TT").load(); } //判断是否为空 if (txtQuery == "") { alert("不能为空,请输入"); return; } else { //全文查找出现的所有txtQuery var reg = new RegExp(txtQuery,'g'); //循环遍历整个table中td $("td").each(function() { //获取整个table内容 var bb = $(this).html(); //匹配整个 var cc = bb.replace(reg, '<span style="color:#F00">' + txtQuery + '</span>'); $(this).html(cc); }); i++; } } }); }); </script> <style type="text/css"> .style1 { height: 23px; } .style2 { height: 25px; } body { margin: 0; padding: 40px; background: #fff; font: 80% Arial, Helvetica, sans-serif; color: #555; line-height: 180%; } </style> </head> <body> <input type="text" id="txtc1" /> <table width="100%" class="get1" style="border-color: Blue; border-style: groove" id="TT"> <tr> <td class="style2"> 1 </td> <td class="style2"> 2 </td> <td class="style2"> 3 </td> </tr> <tr> <td class="style1"> 3 </td> <td class="style1"> 3 </td> <td class="style1"> 4 </td> </tr> </table> </body> </html>
发表评论
-
解决input type=password在浏览器会自动填充密码的问题
2018-10-11 20:20 4340通过添加readonly&onfocus =“this.r ... -
html禁止清除input文本输入缓存
2016-08-16 10:36 818如果不想让浏览器缓存input的值,有2种方法: 方法一 ... -
jQuery.autocomplete.js乱码问题
2016-07-12 14:01 6691、首先修改jQuery.autocomplete.js 文件 ... -
js 日历控件乱码问题
2016-05-25 11:01 5961:在页面上加charset=UTF-8 <meta ... -
COTree公司组织结构树控件js特效
2016-04-14 15:04 1480<html> <head> & ... -
table合并列
2014-12-11 18:08 743rowspan:合并行 colspan:合并列 < ... -
jquery table 操作
2014-12-06 19:21 948jQuery在客户端操作Table ... -
jQuery.holdReady(hold)
2014-05-07 11:18 672jQuery.holdReady(hold) 概述 ... -
$(document).ready()和window.onload区别
2014-05-07 11:12 10811.执行时间 window.onload必 ... -
Jquery cookies操作
2014-04-15 23:43 841jQuery操作cookie的插件,大概的使用方法如下 $. ... -
编写Jquery插件
2014-03-05 16:34 766<!DOCTYPE html PUBLIC " ... -
asp.net谷歌地图api调用
2014-03-05 16:25 947<html xmlns="http://www ... -
label标签的for属性
2014-02-20 09:18 3978label标签通常是写在表单(form)内的,他与一个普通的s ... -
冲突解决多个Jquery包和其他前端js包命名冲突问题
2014-02-20 08:45 2339<html> <head> < ... -
JS包含在HTML文件中正常,包含在ASPX文件中就报错
2014-01-09 10:07 1877今天用到了一段显示谷歌地图的JS代码,在Html中显示正常的, ... -
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
2014-01-09 08:25 17722一、先遇到document.body.scrollTop值为0 ... -
Jquery的$命名冲突
2014-01-03 09:43 495转载http://www.cnblogs.com/Rasc ... -
JS调用CS里的方法:PageMethods
2013-08-26 15:59 1039来源于:http://hi.baidu.com/haofz19 ... -
Automation服务器不能创建对象_的多种解决办法
2013-08-26 13:10 532方法一: 开始-运行:regsvr32 scrrun.dll ... -
html:target几种介绍
2013-08-08 10:28 801_blank -- 在新窗口中打开链接 _parent -- ...
相关推荐
jQuery Select下拉框关键字匹配查询选择代码
jquery实现百度搜索关键字输入下拉框提示,非常有效果,本人亲测超级好用
Jquery实现关键字标签生成插件 在新建和编辑中均可使用
这是一款jQuery实现的网站搜索框经常用到的文本框input输入关键词后自动补全筛选相关信息的js代码。
分享一个jquery实现的3D关键字,效果比较炫
在现在的Web设计中,提高用户...在搜索表单中,根据输入的部分内容进行关键字匹配提示功能,就是最直观和常用的交互体验,类似功能已经被多数的互联网网站应用。 这里介绍一个jQuery实现搜索关键字自动匹配提示方法
主要介绍了javascript与jquery中的this关键字用法,结合实例形式简单分析了this关键字用于获取当前对象的使用技巧,非常简单易懂,需要的朋友可以参考下
jquery.mark是一款功能强大的jQuery关键字文本高亮插件。它支持变音符号,同义词,自定义元素,自定义class名称,单词边界和iframe。它可以通过搜索的方式来高亮所有的指定关键字。
jquery自下而上循环滚动table
jQuery过滤关键字插件。jquery.fastLiveFilter.js
NULL 博文链接:https://nakupanda.iteye.com/blog/602882
主要为大家详细介绍了jQuery实现搜索页面关键字的功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jqueryTable编辑的实现 鼠标点击表格即可编辑,onblur时候出发Ajax时间 保存数据(带娇艳功能)。
有兴趣刚需的可以自己下载,非常实用的jquery代码,可以完美运行,有能力的还可以二次修改!
用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。
element ui el-table 动态改变 单元格 的颜色, 将el-table 包在自定义组件(page_table)里面,可以重复使用。
jquery颜色选择器设置文字颜色选择器和背景颜色选择器下载
主要介绍了jQuery实现动态给table赋值的方法,结合具体实例形式分析了jQuery动态操作table表格节点的相关技巧,需要的朋友可以参考下
jquery color颜色变化插件设置背景颜色变化透明图片变色 jquery color颜色变化插件设置背景颜色变化透明图片变色
jQuery Table表格排序显示代码是一款支持分类排序,按数字大小排序,按英文排序等等。