jquery元素隐藏,jquery让一个元素隐藏
jquery中用什么方法隐藏元素
.hide()
成都创新互联公司长期为上千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为潞州企业提供专业的成都做网站、成都网站制作,潞州网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。
这个方法不接受任何参数。
.hide(
[duration
]
[,
complete
]
)
duration
(默认:
400)
类型:
Number
or
String
一个字符串或者数字决定动画将运行多久。
complete
类型:
Function()
在动画完成时执行的函数。
如果没有参数,.hide()方法是最简单的方法来隐藏一个元素:
$('.target').hide();
匹配的元素将被立即隐藏,没有动画。这大致相当于调用.css('display',
'none'),但display属性值保存在jQuery的数据缓存中,所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline,那么隐藏再显示时,这个元素将再次显示inline。
jQuery里面隐藏和显示效果怎么写?
1、jquery.show()和jquery.hide()方法
语法:
$(selector).show(speed,callback);
$(selector).hide(speed,callback);
2、jquery.toggle()方法
语法:
$(selector).toggle(speed,callback);
3、带有淡入淡出效果的显示和隐藏
$(selector).fadeIn(speed,callback)
$(selector).fadeOut(speed,callback)
$(selector).fadeToggle(speed,callback)
$(selector).fadeTo(speed,opacity,callback)
4、带有滑动效果的显示和隐藏
$(selector).slideDown(speed,callback)
$(selector).slideUp(speed,callback)
$(selector).slideToggle(speed,callback)
注意:
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
jquery怎么判断元素是否隐藏
判断方法:
1、使用CSS属性
var display =$('#id').css('display');
if(display == 'none'){
alert("被你发现了,我是隐藏的啦!"
);}
2、使用jquery内置选择器
假设我们页面有这么个标签,
div id="test"p仅仅是测试所用/p/div
那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:
if($("#test").is(":hidden")){...} //前提是已经将jQuery的库导进来了
这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动,比如:
if($("#test").is(":hidden")){
$("#test").show(); //如果元素为隐藏,则将它显现
}else{
$("#test").hide(); //如果元素为显现,则将其隐藏
}
3、jQuery判断对象是否显示或隐藏
Js代码
// jQuery("#tanchuBg").css("display")
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")
扩展资料:
jQuery语言特点:
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料:百度百科——jQuery
jequery如何在点击一个按钮时使用jquery隐藏一个元素
jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏:显示被隐藏的元素,隐藏已显示的元素,示例代码。
拓展资料:
html代码如下:其中有一个button和一个div
input type="button" value="button"/
div id="mydiv"/div2.
js代码如下:
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }
网页标题:jquery元素隐藏,jquery让一个元素隐藏
文章链接:http://cdiso.cn/article/hoghph.html