Question

如何标签中的样式

Answer 1

一通过修改标签属性来改变它的样式

js设置和获取标签的属性

代码如下:

jq设置和获取标签的属性

代码如下:

值得注意的是JS的window.onload方法块的内容是在JQ的$(function(){})方法块执行完成后，再执行的。

二通过修改标签的css样式来改变它的样式

看看基本的语法：

代码如下:

$("#attr").addClass("banner");//添加样式

$("#attr").removeClass("banner");//移除样式

//JQ支持连带写法，因为removeClass的返回结果也是一个Jq对象，所以Jq对象的所有方法和事件它都可以使用

$("#attr").removeClass("banner").addClass("bannerOver");

下面是一个例子，当在dd标签上单击时，将当前dd块进行高亮显示

代码如下:

人

一种高级动物

狗

人类的朋友

猫

猫科动物的祖先

下面是为表格的隔行变色效果

代码如下:

odd{background:#808080;}

even{background:#ffd800;}

selected{background:#0094ff;color:#fff;}.hover{background:#808080;}

代码如下:

var$trs=$("#menu_title>dd");//选择所有行$trs.filter(":odd").addClass("odd");//给奇数行添加odd样式$trs.filter(":even").addClass("even");//给偶数行添加odd样式

单击行后，让当前行高亮显示

代码如下:

//点击行,添加变色样式

$trs.click(function(e){

$(this).addClass("selected")

siblings().removeClass("selected");

})

添加鼠标移入与移出事件

代码如下:

//鼠标移入与移出

$("#menu_title>dd").hover(

function(){

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

},

function(){

$(this).removeClass("hover");

}

);