jQuery模糊方法，图像代替文本

Question

我最近一直在学习jQuery，想自己尝试一些教程没有指定的东西，我在网上搜索了一下，但找不到答案。基本上，我制作了一个简单的表单文本框，当用户专注于文本框但没有键入任何内容并单击其他地方时，一条消息显示"忘记添加文本？ 但我想弹出一个图像而不仅仅是文本，我该怎么做？

在此处输入图像描述

$("input"(.blur(function(({

    if( $(this).val()==""){
        $(this).css('border','sold 1px red');
        $('#box').text('Forgot to add text?');

PS：在CSS中做了一个小的黄色框，该框内是显示消息的位置，这就是为什么您会看到"#box">

Answer 1

使用CSS背景图像怎么样？

   if( $(this).val()==""){
        $(this).css('border','sold 1px red');
        $('#box').css('background-image', 'url(url_to_image.jpg)'):       
        $('#box').text('Forgot to add text?');

但不要忘记尺寸和定位。 ;)

没有尝试过，但它可以工作。