您的位置是:网站首页>Javascript编程Javascript编程

jquery not不起作用怎么办

少儿编程网2021-03-31 13:14:17Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介jquerynot不起作用的解决办法:首先打开不起作用的代码文件;然后修改jquery代码为“$(document).not(‘#date’).click(function(){...}”即可。本教程操作环境:DellG3电脑、Windows7系统、HTML5&&CSS3&&

版权所有:https://wWw.pxcodeS.com

jquery not不起作用的解决办法:首先打开不起作用的代码文件;然后修改jquery代码为“$(document).not(‘#date’).click(function(){...}”即可。7Dx少儿编程网-https://www.pxcodes.com

7Dx少儿编程网-https://www.pxcodes.com

本教程操作环境:Dell G3电脑、Windows7系统、HTML5&&CSS3&&jquery2.0.0版本。7Dx少儿编程网-https://www.pxcodes.com

推荐:《css视频教程》《javascript基础教程》7Dx少儿编程网-https://www.pxcodes.com

jquery中not方法失效的解决方案7Dx少儿编程网-https://www.pxcodes.com

筛选元素时,想从$(document)中直接去掉某一元素,使用$(document).not('#a')是无效的。7Dx少儿编程网-https://www.pxcodes.com

但要解决这类问题可以使用其它的方法,举个例子7Dx少儿编程网-https://www.pxcodes.com

在模拟下拉列表时,想要实现的效果是点击div,隐藏的列表出现,点击任意的地方下拉列表消失7Dx少儿编程网-https://www.pxcodes.com

<div id="date">选择日期</div>
<div id="content" style="display:none;">
<ul>
  <li>2月1日</li>
</ul>
</div>

这个时候直接写7Dx少儿编程网-https://www.pxcodes.com

$("#date").click(function(){
  $("#content").slideDown();
});
$(document).click(function(){
  $("#content").slideUp();
});

会出现点击div时下拉列表先出现后消失的情况7Dx少儿编程网-https://www.pxcodes.com

解决这种问题大部分人**先想到的是7Dx少儿编程网-https://www.pxcodes.com

在设置document的点击事件是去掉元素#date,即7Dx少儿编程网-https://www.pxcodes.com

$(document).not(‘#date’).click(function(){
  $("#content").slideUp();
});

但not()在这里并不生效7Dx少儿编程网-https://www.pxcodes.com

这时就需要换一种思路7Dx少儿编程网-https://www.pxcodes.com

在点击date的一瞬间content的高度变为1px,display变为block7Dx少儿编程网-https://www.pxcodes.com

所以7Dx少儿编程网-https://www.pxcodes.com

$(document).not(‘#date’).click(function(){
  if($("#content").css('display') == 'block' && $("#content").css('height') != '1px'){
    $("#content").slideUp();
  }
});

就可以达到去掉元素#date的效果7Dx少儿编程网-https://www.pxcodes.com

另不想使用slideDown()的话7Dx少儿编程网-https://www.pxcodes.com

就必须通过增加一个变量记录下拉列表的开闭状态来达到相同的效果7Dx少儿编程网-https://www.pxcodes.com

总之其他的情况也可以通过类似的方式来解决题设的问题

以上就是jquery not不起作用怎么办的详细内容,更多请关注少儿编程网其它相关文章!7Dx少儿编程网-https://www.pxcodes.com

来源:php中文网7Dx少儿编程网-https://www.pxcodes.com

版权所有:https://wWw.pxcodeS.com

相关文章:

支持一下 ( )

jquery not不起作用怎么办

      匿名评论
    • 评论
    人参与,条评论
    jquery not不起作用怎么办

微信公众号

免费视频教程

先知道