jquery选择器,用于选择不属于指定类的所有文本输入

时间:2018-05-30 08:21:44

标签: javascript jquery jquery-selectors

在下面的jquery代码中,我需要跳过一些类名不等于item的输入框

  

输入[type = text] [class!= item],这不起作用

。如何添加此例外?

     $(document)  
                    .on('focus', 'input[type=text]")', function() { 
                        $('.footer').css('position', 'absolute');
                        $('.footer').css('bottom', ''); 
                    })

                    .on('blur', 'input[type=text]', function() { 
                        $('.footer').css('position', 'fixed');  
                        $('.footer').css('bottom', '0');
                    });

2 个答案:

答案 0 :(得分:3)

尝试

$(document)
  .on('focus', "input[type='text']:not('.classname')", function() {
    $('.footer').css({
      'position': 'absolute',
      'bottom': 'auto'
    });
  })

  .on('blur', "input[type='text']:not('.classname')", function() {
    $('.footer').css({
      'position': 'fixed',
      'bottom': 0
    });
  });

所以,添加和修改你的代码:

pandas.DataFrame.to_csv

答案 1 :(得分:1)

您想在查询中使用// 2 solutions here // Using the class attribute $("input[type=text]:not([class=item])") console.log($("input[type=text]:not([class=item])").length, "element matched."); // Using the class selector $("input[type=text]:not('.item')") console.log($("input[type=text]:not('.item')").length, "element matched."); // Using the code from your question: $("input[type=text]:not('.item')").on('focus', function() { $('.footer').css('position', 'absolute'); $('.footer').css('bottom', ''); }) $("input[type=text]:not('.item')").on('blur', function() { $('.footer').css('position', 'fixed'); $('.footer').css('bottom', '0'); });选择器:

请参阅代码段以获取结果:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="item">
<input type="text" class="item">
<input type="text">
.footer

我已将代码添加到我的代码段中,但我不知道您要对$("input[type='text']:not('.classname')"); 元素执行什么操作。

希望它有所帮助。