成都网站建设设计

将想法与焦点和您一起共享

jquery高亮,jquery高亮关键字

JQuery高亮显示选择的行

var lastTr = 0;

我们提供的服务有:成都做网站、成都网站建设、微信公众号开发、网站优化、网站认证、华容ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的华容网站制作公司

jQuery("tr").each(function(index){

//添加高亮样式,移除上一个tr高亮的样式的话可以通过定义一个全局变量记住上一个高亮的tr的index索引

jQuery(this).click(function(){

//添加高亮样式,移除上一个tr高亮的样式的话可以通过定义

一个全局变量记住上一个高亮的tr的index索引

..........

//添加高亮样式,

..........

});

})

jquery高亮当前选中菜单

html

head

titledemo/title

style type="text/css"

.active

{

color: red;

}

/style

script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"/script

script type="text/javascript"

$(function () {

$(".menu li").click(function () {

$("li[class='active']").removeAttr("class");

$(this).addClass("active");

});

});

/script

/head

body

ul class="menu"

li class="active"a/li

lib/li

lic/li

lid/li

lif/li

/ul

/body

/html

用jquery怎么写能使几张图片每隔1秒高亮一张,轮番高亮

用setTimeOut方法,如:setTimeOut(fnc,1000);//fnc是执行图片高亮的方法。

jQuery JS 如何高亮页面上的所有数字

这个高亮,实质上是把12变成span style="backgroud: yellow"12/span。

那么只要做一个替换就可以了。但是需要考虑两点:

需要被替换的内容,必须是标签里的内容,不能是属性。比如,不能把div width="100%" color="#12fe45"这里的100,12,45都不应该被替换。

需要被替换的内容,不能是script标签里的内容(理所当然的吧)。比如scriptvar a=123; xxx/script 这里的123不应该被替换。

所以,考虑到以上,最终的做法必须是遍历所有的标签,然后如果标签里没有标签的时候,才把标签里的文字作替换。

(function hilightNumber(jqObj) {

// 不能替换script标签里的数字

var domObj = jqObj[0];

if (domObj.nodeName == "SCRIPT") {

return;

}

// 如果标签里有标签,我们也不作替换,而是递归进去遍历内层的标签。

var children = jqObj.children();

if (children.length  0) {

for(var i=0; ichildren.length; i++) {

hilightNumber($(children[i]));

}

} else {

// 标签里只有文字,没有内层标签的时候,才做替换,

// 把123替换成带颜色的标签内包含123,就实现了高亮。

var hilightedHtml = jqObj.html().replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "span style='background:yellow;'$1/span");

jqObj.html(hilightedHtml);

}

})($("body"));

注意!这个不能解决全部的问题,但大部分情况应该可以用了。

不能解决的例子:

p我是诡异的段落2333,但是我里面竟然还有子标签!b这里是加黑的字666/b。span这里是其它颜色12345的哈哈/span/p

如果是上面这样的HTML,2333可能不会被加亮。。。毕竟p里还有内层标签b和span。。。

jquery怎么将文本中高亮显示

!doctype html

html lang="en"

head

meta charset="UTF-8"

meta name="Generator" content="EditPlus®"

meta name="Author" content=""

meta name="Keywords" content=""

meta name="Description" content=""

titleDocument/title

script type="text/javascript" src="jquery-1.10.2.js"/script

style type="text/css"

table{

width: 50%;

height: 50%;

border: 1px solid #d5d5d5;

overflow: hidden;

color:#4682b4;

font: normal 24px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;

}

tr,td{

height:30px;

line-height:30px;

padding: 5px;

}

.highlight {

  padding:1px 4px;

  margin:0 -4px;

  background-color: #ccffff;

  text-shadow: 1px 1px white, -1px -1px #333;

  -moz-border-radius: 5px; /* FF1+ */

  -webkit-border-radius: 5px; /* Saf3-4 */

  border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */

  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */

  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */

}

/style

/head

body

table id="myTab"

tr

td春眠不觉晓/td

td处处蚊子咬/td

td夜来大狗熊/td

td看你往哪跑/td

/tr

tr

td床前明月光/td

td地上鞋两双/td

td一双归小姨/td

td不说就给糖/td

/tr

/table

script type="text/javascript"

$(function(){

$("#myTab tr:odd").addClass("highlight");

})

/script

/body

/html

偶数行高亮显示,可用自己调整颜色


分享名称:jquery高亮,jquery高亮关键字
分享URL:http://chengdu.cdxwcx.cn/article/dssgdeh.html