css 中鼠标经过一列表格时,整列表格改变背景的颜色啊,求帮助。

html-css014

css 中鼠标经过一列表格时,整列表格改变背景的颜色啊,求帮助。,第1张

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function () {

$("tr").mousemove(function () {

$(this).css("background-color", "pink")

}).mouseout(function () {

$(this).css("background-color", "White")

})

})

</script>

</head>

<body>

<table width="80%"><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr></table>

</body>

</html>

写法是正确的,就是使用逗号隔开即可。测试可以使用的。

ID(#选择器)是唯一元素,一个页面上这个ID只有1个是可以用到(class可以多个其作用)。

$('#abc').css({

'<a href="https://www.baidu.com/s?wd=font-size&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1Y4nWKWuh79uHuhnARdPHnz0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3ErjTzn161Pj04PHcsPW64PjRz" target="_blank" class="baidu-highlight">font-size</a>' : '12px',

'-webkit-border-radius' : '5px',

'color' : '#cc0000'

})

$('#abc').css({

fontSize : '12px',

webkitBorderRadius : '5px',

color : '#c00'

})

都是正确的写法。