1.JQ中显隐有以下几种方式 show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作2.show()方法 显示出隐藏的
元素。 $(".btn2").click(function(){ $("p").show(); });3.toggle()方法 toggle() 方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
This is a paragraph.
3.slideDown()方法 以滑动方式显示隐藏的元素: $(".btn2").click(function(){ $("p").slideDown();}); 4.hide() 方法隐藏可见的
元素:$(".btn1").click(function(){ $("p").hide();});这个函数经常与show一起使用 5.css()方法css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname");$("p").css("display","none"); 实例:
一般有一些问题我都去w3c中看看,至于你说的区别
我还真不晓得,可能原理就是显示层的值大小。
jQuery hide() 和 show()
通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
以上是最常用的写法
$("button").click(function(){
$("p").hide(1000);
});
以上是加上时间
jQuery toggle()
通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:
实例
$("button").click(function(){
$("p").toggle();
});
以上是对show和hide的封装
就是封装了一个 加style元素和移除style元素方法