使用Jquery選擇器添加HTML標記

Question

我有一個帶有段落和聯繫表單的HTML。當瀏覽器禁用JavaScript時，我想顯示聯繫表單和文本段落。

否則，我想顯示聯繫人按鈕，哪些用戶可以點擊並顯示錶單。

Answer 1

如果啓用javascript，默認隱藏表單，並顯示該按鈕設置按鈕的風格display:none;

。

然後當他們點擊聯繫人按鈕時，顯示它。

$(document).ready(function(){ 
    $("#buttonID").show(); 
    $("#formID").hide(); 
    $("#buttonID").click(function(){ 
    $("#formID").show(); 
    }); 
}); 

Answer 2

<span id="formAndParagraph"> 
    <p id="Paragraph">lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p> 
    <form id="Contact"> 
     Name: <input type="text"><br> 
     Comment: <input type="text"><br> 
    </form> 
</span> 
<input type="button" id="Button" value="Click me" onclick="$('#formAndParagraph').show();" style="display:none"> 
<script> 
$('#formAndParagraph').hide(); 
$('#Button').show(); 
</script> 

jsFiddle here

Answer 3

好:)因此，這裏是我的解決方案：

http://jsfiddle.net/tracyfu/Sj5cy/

下面是它做什麼：

1. 我設置#contact-button css到display: none;，以便它自動隱藏是否存在JS。這樣，如果JS被禁用，該按鈕不會顯示出來。
2. 在JS中，我顯示#contact-button，然後我隱藏#contact-form。 JQuery只有在JS被啓用的情況下才能工作，所以它會顯示按鈕並隱藏具有JS的人的表單。對於JS禁用的人員，表單不會受到影響，並且會像往常一樣顯示。
3. 我在按鈕上添加了一個click事件來顯示錶單。

該解決方案的目標是，如果禁用JS，則不會有按鈕。