通过jquery的css方法,设置div隐藏
代码如下:
$("#sendPhoneNum").css("display", "none");
hide()函数,如果被选的元素已被显示,则隐藏该元素。
语法:
$(selector).hide(speed,callback)
实现隐藏,括号里可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带带slow,fast
show()函数
语法:
*.show(speed, [callback])
显示所有匹配的元素,并在显示完成后可选地触发一个回调函数。有speed参数和可选callback参数,speed表示显示的时间毫秒,后面的是可选函数
toggle() 方法切换元素的可见状态。
语法:
$(selector).toggle(speed,callback)
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
.slideUp()通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。
语法:
$(selector).slideUp(speed,callback)
.slideDown()窗帘效果展开;通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。回调函数是可选的,speed也有上面的三种预定速度,也可以是数值
*.slideDown(speed, [callback])
举一个小例子:
鼠标放到“隐藏”上隐藏p标签,放到”显示“上将以隐藏的内容显示出来
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").mouseenter(function(){ $("p").hide(); }); $("#show").mouseleave(function(){ $("p").show(); }); }); </script> </head> <body> <p id="p1">如果鼠标放到“隐藏”按钮上,我就会消失。</p> <a id="hide" type="button">隐藏</a> <a id="show" type="button">显示</a> </body> </html>