jquery中AddClass()方法问题

最新推荐文章于 2022-07-20 20:07:57 发布

原创最新推荐文章于 2022-07-20 20:07:57 发布 · 5.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#AddClass

Jquery 专栏收录该内容

93 篇文章

订阅专栏

本文探讨了jQuery中addClass()方法在应用时遇到的问题，特别是当元素已有style属性设置时，可能导致无法正确添加新css显示类。通过实例演示解决方法。

jquery中AddClass()方法要求对应的元素中不能不能有style属性设置，否则无法设置新css显示类，例如》

       $("img").hover(function () {

                $(this).parent("td").addClass("inImg");
            }, function () {

                $(this).parent("td").removeClass("inImg");
            });

css:

  <style type="text/css">
        .inImg
        {
            padding:10 10; border:solid 2px Red;
            }
</style>

将无法控制下面的td元素显示：

 <table style="width:104px">
                <tr>
                  
                    <td align="center" colspan="2" style="padding:10 10; border:solid 2px gray;">
                        <asp:Image ID="Image1" runat="server"  Width="190px" Height="190px" 
                            ImageUrl='<%# Eval("OimagePath","img/{0}") %>'/>
                    </td>
                </tr>