如何通過單擊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值？

回答

相關問題