关于JQ点击事件常用语法

模板下载吧快速入门

0 1,688

点击div给另一个DIV追加样式。

JQ代码

<script>
$(function() {
$( "#button_mbxzb" ).click(function() {
$( "#effect_mbxzb" ).toggleClass( "newClass_mbxzb", 1000 );//给ID追加 effect_mbxzb
$( "#button_mbxzb" ).toggleClass( "mm", 1000 );//给xgt_nav_showMore追加mm
$(".xgt_nav_showMore").attr("class", " ccc55 ");//改变xgt_nav_showMore替换成ccc5
return false;
});
});
</script>

html代码

<dd class="height_40" id="effect_mbxzb">
<a href="https://www.mbxzb.com">模板下载吧</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");

收藏 (0) 点赞 (0)

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如果您也有好的资源或教程，您可以投稿发布，成功分享后有M币奖励和额外收入！

模板下载吧快速入门关于JQ点击事件常用语法 https://www.mbxzb.com/blog/file/rumen/5853.html