jquery 代码显示图片

安简瑜 2周前 12浏览 0评论

jQuery 是一种流行的 JavaScript 库,它可以帮助我们更简单、更高效地操作 HTML 页面。下面我们来看一段代码,它能够通过 jQuery 显示图片:

$(document).ready(function(){
  $('#show-image').click(function(){
    var imgUrl = $('#image-url').val();
    $('#image-container').html('');
  });
});

代码中包含了一个文档加载完成后执行的函数,它绑定了一个点击事件。当用户点击 id 为 show-image 的按钮时,代码会获取 id 为 image-url 的输入框中的图片 URL,然后将图片显示在 id 为 image-container 的 DIV 容器中。

需要注意的是,这段代码使用了 jQuery 的 val() 和 html() 方法。val() 方法用于获取输入框的值,html() 方法用于设置 HTML 元素的内容。