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 元素的内容。
上一篇 python3 百题
下一篇 html日常生活代码