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

2025-03-04 03:46:38
推荐回答(4个)
回答1:

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

function hide(objid){
    document.getElementById(objid).style.display="none";
}
function show(objid){
    document.getElementById(objid).style.display="block";
}

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

回答2:

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

function show()
{
document.getElementById("div1").style.display = "block";
}

function hide()
{
document.getElementById("div1").style.display = "none";
}

回答3:

原理就是一楼那样,
但是jquery内部的机制要复杂的多。
上网搜 jquery 中文注释 源代码

回答4:

同上