我正在尝试使用jquery为我的一个html元素设置背景图像
$("#globalsearchstr").focus(function(){ $(this).parent().css("background", "url(/images/r-srchbg_white.png) no-repeat;"); });
但这永远不会奏效.只关注改变就是将样式属性添加到HTML中,就像这样
CSS没有变化.
试试这个:
<div class="rmz-srchbg"> <input type="text" id="globalsearchstr" name="search" value="" class="rmz-txtbox"> <input type="submit" value=" " 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>
使用 :
$(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;");
你可以在这看到更多的例子