js控制td悬浮和点击时的样式
2010-01-15 16:44
267 查看
$(function(){
$("td[name='Tab']").attr("class","td_cros");
$("td[name='Tab']")
.hover(function(){
$(this).addClass("td_crosH");
},function(){
$(this).removeClass("td_crosH");
})
.end()
.find(":checkbox").click(function(){
if($(this).attr("checked")){
$(this).parent().addClass("td_crosC");
}
else{
$(this).parent().removeClass("td_crosC");
}
});
});
/*这里控制了鼠标悬浮在td和鼠标点击复选框时td的样式
Tab:td和名字
td_cros,td_crosH,td_crosC:都是css样式。
*/
$("td[name='Tab']").attr("class","td_cros");
$("td[name='Tab']")
.hover(function(){
$(this).addClass("td_crosH");
},function(){
$(this).removeClass("td_crosH");
})
.end()
.find(":checkbox").click(function(){
if($(this).attr("checked")){
$(this).parent().addClass("td_crosC");
}
else{
$(this).parent().removeClass("td_crosC");
}
});
});
/*这里控制了鼠标悬浮在td和鼠标点击复选框时td的样式
Tab:td和名字
td_cros,td_crosH,td_crosC:都是css样式。
*/
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js和css控制鼠标略过和点击后的样式
- JS点击事件触发弹出窗口样式控制
- js控制div样式显示与隐藏，JS通过点击超链接右边（指定位置）显示一个图标
- js控制点击按钮样式切换！
- js控制新增，删除table的tr，td
- 不用JS 控制悬浮DIV
- js动态控制导航栏样式
- 用JS控制CSS基本样式
- 原生js实现导航栏点击之后添加样式
- js 控制按钮点击后不可用
- 原生JS编写图片切换效果和点击按钮的样式变化
- 鼠标样式的应用&JS控制
- 利用js对table动态增加和删除行（附带table样式，鼠标滑过和点击样式）
- js控制某个div层中a标签的class属性，点击实现添加class属性，并且删除其他同级的class属性
- js控制不同的时间段显示不同的css样式
- 用js操作table、tr、td 「字体样式及TD背景图片」
- js控制容器隐藏出现防止样式变化的两种方法
- JS可以控制样式的名称写法
- js动态控制表单的tr，td的显示和隐…
- js控制点击div之外隐藏div