Question

这是我的代码，其中我试图模糊整个身体，除了一个textarea div坚果不能成功当我点击textarea整个身体变得模糊，甚至在我的脚本功能中不使用

$(document).ready(function(){
  $(".form-control").focus(function(){
    $("body").not("div #hide").addClass("blur");
  }).blur(function(){
    $("body").removeClass("blur");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text_area_home" id="hide">
  <form action="uploadFile.php" method="post" enctype="multipart/form-data">
    <input type="hidden" name="xAction" value="uploadFile" />
    <textarea class="form-control" name="detail" placeholder="Upload File"></textarea>
    <div class="text_area_button">
      <input  type="file" name="uploadDoc"/>
      <input class="btn btn-primary btn-xs btn-rect" type="submit" value="Post" />
    </div>  
  </form>
</div>

Answer 1

看看这个Fiddle。它最终实现了它：）

我必须将所有父元素中的类从div类中删除。

$(document).ready(function() {
  $(".form-control").focus(function() {
    $("div").addClass("blur");
    $('#hide').parents().removeClass("blur");
    $('#hide').removeClass("blur");
    $('.text_area_button').removeClass("blur");
  }).blur(function() {
    $("div").removeClass("blur");
  });
});

想知道是否有人为添加和删除类添加了1行代码。

除div元素外的模糊体

1 个答案: