Javascript 如何通过单击a标记来更改DIV上的CSS值？

当使用

id=“cnt”

单击任何

标记时，我想将

div\fancybox content

的边框颜色设置为

\000

。我的尝试：

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

此代码无效。

您确定是指“cnt”的id吗？你说“当任何一个标签被点击时”。。。不止一个吗

确保还设置了其他边界参数

如果有多个，请使用类：

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

见-

如果真的有：

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

enter code here

你确定你的意思是“cnt的id”吗？你说“当任何一个标签被点击时”。。。不止一个吗

确保还设置了其他边界参数

如果有多个，请使用类：

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

见-

如果真的有：

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

enter code here

---

诀窍在于使用哪个选择器。如果您有一个具有ID的HTML元素，请使用

#

选择器。如果有多个元素，则应使用类而不是ID，并使用

选择器。以下是一些例子：

如果您有一个带有

id=“cnt”

标签的

a

标签，那么您可以使用：

$('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');
});

---

诀窍在于使用哪个选择器。如果您有一个具有ID的HTML元素，请使用

#

选择器。如果有多个元素，则应使用类而不是ID，并使用

选择器。以下是一些例子：

如果您有一个带有

id=“cnt”

标签的

a

标签，那么您可以使用：

$('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');
});

---

谢谢你的快速回复。这只是一个标签。我在wordpress中工作，使用重力窗体+fancybox在模式窗口中打开窗体。我只需要模态形式与模态图片有不同的fancybox样式。成功了！谢谢，谢谢你的快速回复。这只是一个标签。我在wordpress中工作，使用重力窗体+fancybox在模式窗口中打开窗体。我只需要模态形式与模态图片有不同的fancybox样式。成功了！非常感谢。