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

Question

如题所述

Answer 1

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

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

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

Answer 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";
}本回答被提问者采纳

Answer 3

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

Answer 4

同上