javascript 如何实现jquery中hide(),show()的功能？

Posted 2023-05-09

通过调整对象的CSS样式来实现，简单显示和隐藏可以直接设置display属性。

function hide(objid)
    document.getElementById(objid).style.display="none";

function show(objid)
    document.getElementById(objid).style.display="block";

如果要实现动态效果，例如淡出隐藏，就需要些更复杂的函数，来设定时间和alpha属性，或者配合样式表用CSS3动画来实现。

参考技术A 其实就是显示与隐藏.
JS的语句是可以捕捉元素的,比如document.form1.div1
设置style中的display,none就是隐藏,block就是显示.

function show()

document.getElementById("div1").style.display = "block";


function hide()

document.getElementById("div1").style.display = "none";
本回答被提问者采纳 参考技术B 原理就是一楼那样，
但是jquery内部的机制要复杂的多。
上网搜 jquery 中文注释 源代码 参考技术C 同上

如何在 JavaScript -JQuery 中否定“if”语句块中的代码，例如“if not then ..”

【中文标题】如何在 JavaScript -JQuery 中否定“if”语句块中的代码，例如“if not then ..”

【英文标题】：How to negate code in "if" statement block in JavaScript -JQuery like 'if not then..'

【发布时间】：2011-10-04 18:31:08

【问题描述】：

例如，如果 used 元素的父元素没有 ul 标记作为下一个元素，我想做什么，我该如何实现？

我尝试了.not() 和/或的一些组合 .is() 没有成功。

对if else 块的代码求反的最佳方法是什么？

我的代码

if ($(this).parent().next().is('ul'))
   // code...

我想实现这个

伪代码：

if ($(this).parent().next().is NOT ('ul')) 
    //Do this..

【问题讨论】：

你可以把jQuery从这个问题中去掉。

当你说下一个时，你真的是指下一个，就像父母的兄弟姐妹一样，还是你的意思是别的？

@Tomalak - 标签的唯一理由是包含它有助于为他的问题设置上下文......

@Justin：你也可以标记它ul 和DOM。

【参考方案1】：

您可以使用逻辑非 ! 运算符：

if (!$(this).parent().next().is('ul'))

或等效（见下面的 cmets）：

if (! ($(this).parent().next().is('ul')))

有关详细信息，请参阅 MDN 文档的 Logical Operators 部分。

【参考方案2】：

在$(this)之前尝试否定运算符!：

if (!$(this).parent().next().is('ul'))