点击div给另一个DIV追加样式。
JQ代码
- <script>
- $(function() {
- $( "#button_mbxzb" ).click(function() {
- $( "#effect_mbxzb" ).toggleClass( "newClass_mbxzb", 1000 );
- $( "#button_mbxzb" ).toggleClass( "mm", 1000 );
- $(".xgt_nav_showMore").attr("class", " ccc55 ");
- return false;
- });
- });
- </script>
html代码
- <dd class="height_40" id="effect_mbxzb">
- <a href="https://www.mbxzb.cn">模板下载吧</a>
- <span class="xgt_nav_showMore" id="button_mbxzb" title="点击展开"></span></dd>
拓展知识
jQuery增加，移除，修改一个html标签的class名字
一个标签可以指定多个class
1. 增加一个class：
- $(".default").addClass("hover_s");
2. 移除一个class：
- $(".default").removeClass("default ");
3. 修改一个class：
3.1 可以分两步走：
1 先增加一个你要增加的class
- $(".default").addClass("hover_s");
2 再删除一个你想要删除的class
- $(".default").removeClass("default ");
或者反过来，先删除，后增加也行。
3.2 可以直接设置成你想要的class
- $(". default ").attr("class", " hover_s fl fv lv ");
4. 当鼠标移到，离开指定标签时修改class
移到时改成hover_s，离开时改成default
- $(".default").hover(function () {
- $(this).addClass("hover_s");
- $(this).removeClass("default");
- }, function () {
- $(this).addClass("default");
- $(this).removeClass("hover_s");
- });
5. 获取标签的所有class
- var classname_module = $(".lv").attr("class");
温馨提示：本文最后更新于2019年3月19日，已超过 2 年没有更新，如果文章内容或图片资源失效，请留言反馈，模板下载吧会及时处理，谢谢！
五周年
本站安全防护由创宇云安全提供。
