Question

javascript如何写出类似于jquery中的.hide()的函数

javascript如何写出类似于jquery中的.hide()的方法，就是说使用的时候不用×××.style.display='none'; 而是像jquery那样直接写 ×××.hide();

Answer 1

html代码

	<div id="tbdiv">
		my name is div
	</div>	

javascript代码
//类似jquery全称
	var myjquery = {
		elem:undefined,
		get:function(id){
			this.elem=document.getElementById(id);
			return this;
		},
		//显示
		show:function(){
			if(this.elem){
				this.elem.style.display='';
			}
			return this;
		},
		//隐藏
		hide:function(){
			if(this.elem){
				this.elem.style.display='none';
			}
			return this;
		}
	};
	//定义一个简称,类似jquery的$
	var _$ = myjquery;
	
	//到这为止, 以上是公共的封装代码, 下面开始是调用代码
	
	window.onload = function(){
		var obj = _$.get('tbdiv');
		obj.hide();
	}

其实就是对象的封装

Answer 2

<script type="text/javascript">
$(function () {
$(".sech_show").hide();
$(".text_sech").focus(function () {
$(".sech_show").show(600);=====里边的参数是设置速度的，
});
$(".text_sech").blur(function () {
$(".sech_show").hide(500);
});
});
</script>