仅使用css和js在网页上添加新部分

时间:2014-02-05 23:50:17

标签: javascript jquery css

我正在尝试点击我网页上的图片,然后在页面上打开一个新部分,该部分将在css和javascript / jquery中创建。我想过使用.addclass(),但我不完全确定如何去做。谁能给我一个这样做的例子呢?

2 个答案:

答案 0 :(得分:0)

通过点击ID为foo的元素并在该元素后面添加ID为bar的div的示例:

$("#foo").click(function(){
    $(this).after('<div id="bar">Some content</div>');
});

当然,jQuery中有多种方法可以在DOM树的某处插入内容,请参阅:

https://api.jquery.com/category/manipulation/dom-insertion-outside/

https://api.jquery.com/category/manipulation/dom-insertion-inside/

答案 1 :(得分:0)

有很多方法可以做到这一点。例如,您可以简单地将click事件处理程序附加到您的图像,如下所示:

$('img').click(newSection);

function newSection() {
    $('#someDiv').append('<div class="newSection"></div>');
}