使用jquery在CSS中设置背景图像

 huangjia6688_862 发布于 2023-02-13 11:21

我正在尝试使用jquery为我的一个html元素设置背景图像


$("#globalsearchstr").focus(function(){ $(this).parent().css("background", "url(/images/r-srchbg_white.png) no-repeat;"); });

但这永远不会奏效.只关注改变就是将样式属性添加到HTML中,就像这样

CSS没有变化.

2 个回答
  • 试试这个:

    <div class="rmz-srchbg">
        <input type="text" id="globalsearchstr" name="search" value="" class="rmz-txtbox">
        <input type="submit" value="&nbsp;" id="srchbtn" class="rmz-srchico">
        <br >
    </div>
    <script>
    $(function(){
       $('#globalsearchstr').on('focus mouseenter', function(){
        $(this).parent().css("background", "url(/images/r-srchbg_white.png) no-repeat");
       });
    });
    </script>
    

    2023-02-13 11:24 回答
  • 使用 :

     $(this).parent().css("background-image", "url(/images/r-srchbg_white.png) no-repeat;");
    

    代替

     $(this).parent().css("background", "url(/images/r-srchbg_white.png) no-repeat;");
    

    你可以在这看到更多的例子

    2023-02-13 11:24 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有