js实现class的样式的修改、添加、删除
来源:互联网 发布:spark 协同过滤 java 编辑:程序博客网 时间:2024/05/21 19:48
比较常见的js前端功能,通过修改标签的className实现相应的功能
代码例如:
<table>
<tbody>
<tr>
<td>js实现class的样式的修改、添加、删除</td>
<td>
<a e_value="g_sn" ename="商品编码" class="goods_sale_property" href="javascript:void(0);">商品编码</a>
<a e_value="pdt_sn" ename="商品货号" class="goods_sale_property" href="javascript:void(0);">商品货号</a><a e_value="pdt_name" ename="规格名称" class="goods_sale_property" href="javascript:void(0);">规格名称</a>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td><a onclick="selectAll()" style="color:#F00">全选</a> </td>
<td><a onclick="selectNotAll()" style="color:#F00">全不选</a></td>
</tr>
</tbody>
</table>
<script>
$('.goods_sale_property').click(function(){//单独a标签点击添加class
if($(this).hasClass('goods_sale_property_checked')){
$(this).removeClass('goods_sale_property_checked');
}else{
$(this).addClass('goods_sale_property_checked');
}
});
function selectAll(){//全选添class
$('.goods_sale_property').each(function(i){
$(this).addClass('goods_sale_property_checked');
});
}
function selectNotAll(){//全选删除class
$('.goods_sale_property').each(function(i){
$(this).removeClass('goods_sale_property_checked');
});
}
</script>
- js实现class的样式的修改、添加、删除
- JS添加或修改控件的样式(Class)
- class 样式的添加,删除,切换 【选择器】
- 原生js实现class的添加和删除
- js 封装获取class的值、添加class、删除class
- class 样式的添加,删除,切换 【选择器】addClass,removeClass,toggleClass
- js添加样式class
- 动态添加、删除class样式
- js改变class的样式
- 原生js 查找 添加 删除 指定元素的class
- 基于table的js目录树的实现,添加修改删除
- js实现添加删除表格的一行
- js 实现的添加删除表格
- js实现表格的添加和删除
- js控制某个div层中a标签的class属性,点击实现添加class属性,并且删除其他同级的class属性
- jQuery使用toggleClass方法动态添加删除Class样式的方法
- JavaScript js cookie的添加、删除、修改和查询
- Js操作表格-对表格单元格的添加删除修改
- 结构型模式之代理模式(Proxy)
- nefu117素数个数的位数(素数定理+大数位数公式)
- 解决Mysql错误Too many connections的方法
- 如何破解老公的QQ密码,查看他的聊天记录+Q【1622863529】
- HP 服务器RAID设置
- js实现class的样式的修改、添加、删除
- 安装QC出现异常:This file has no digital signature 的解决办法
- CDATA
- itrans函数的功能
- iOS之单例模式的使用
- Ant学习理解(稍后会转载到新浪博客)
- ToolBar简单实用心得
- HDU-worm-n长虫子u步d滑
- Lua源代码阅读(一)