如何通过单击A标签更改DIV上的CSS值？

当用id="cnt"单击任何<a>标记时，我想将边框颜色div#fancybox-content设置为#000。我的尝试：如何通过单击A标签更改DIV上的CSS值？

$(document).ready(function(){ 
    $('a#cnt').click(function(){ 
     $("#fancybox-content").css("border-color","#000"); 
    }); 
});

此代码不起作用。

来源

2011-02-06 Michael

你确定你的意思是''cnt''的ID吗？你说过：“当任何标签被点击时......”是否有多个标签？

确保您设置的其他边界参数，以及

如果有不止一个，使用一个类：

$().ready(function() { 
    $("a.cnt").click(function() { 
    $("#fancybox-content").css({"border-width":"1px", "border-style":"solid", "border-color":"#000"}); 
    }); 
})

看到的 - http://jsbin.com/avuxe3/3

如果真的有一个：

$().ready(function() { 
    $("#cnt").click(function() { 
    $("#fancybox-content").css({"border-width":"1px", "border-style":"solid", "border-color":"#000"}); 
    }); 
}) 

enter code here

来源

2011-02-06 06:36:55

感谢您的快速反应。这只是一个标签。我正在使用wordpress并使用重力形式+ fancybox在模态窗口中打开窗体。我只需要模态形式具有不同的fancybox风格比模态图片。有效！谢谢。 – Michael 2011-02-06 06:43:31

诀窍在哪个选择器中使用。如果您有一个具有ID的HTML元素，请使用#选择器。如果有多个元素，则应使用类而不是ID，并使用.选择器。下面是例子：

如果你有一个A标签，与id="cnt"那么你可以使用：

$('a#cnt').click(function() { 
    $('#fancybox-content').css({"border":"solid 1px #000"}); 
});

如果你有一个以上的锚与cnt符号，将其设置为class="cnt"及用途：

$('a.cnt').click(function() { 
    $('#fancybox-content').css({"border":"solid 1px #000"}); 
});

更重要的是，保持你的风格在这样

一个样式表

.borderOn { border: solid 1px #000; }

然后切换这个类（和关闭，如果你喜欢）用自己的链接点击事件：

$('a.cnt').click(function() { 
    $('#fancybox-content').addClass('borderOn'); 
});

来源

2012-01-19 06:33:57

如何通过单击A标签更改DIV上的CSS值？

回答

相关问题