http://www.itjxue.com  1970-01-01 08:00  来源:  点击次数: 

如何通过jquery隐藏和显示元素

1.JQ中显隐有以下几种方式

????show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作

2.show()方法

????显示出隐藏的?p?元素。

?????????$(".btn2").click(function(){

??????????$("p").show();

??????????});

3.toggle()方法

????toggle()?方法切换元素的可见状态。

如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

????html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

??$(".btn1").click(function(){

??$("p").toggle(1000);

??});

});

/script

/head

body

pThis?is?a?paragraph./p

button?class="btn1"Toggle/button

/body

/html

3.slideDown()方法

????以滑动方式显示隐藏的?p?元素:

?$(".btn2").click(function(){

??$("p").slideDown();

});

4.hide()?方法

隐藏可见的?p?元素:

$(".btn1").click(function(){

??$("p").hide();

});

这个函数经常与show一起使用

5.css()方法

css()?方法设置或返回被选元素的一个或多个样式属性。

返回?CSS?属性

如需返回指定的?CSS?属性的值,请使用如下语法:

????css("propertyname");

$("p").css("display","none");

????实例:

????????

!DOCTYPE?

html?

head?

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/?

script?type="text/javascript"?

$(document).ready(??function(){});?

function?hiden(){?

$("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast?

}?

function?slideToggle(){?

$("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上?

}?

function?show(){?

$("#divObj").show();//显示,参数说明同上?

}?

function?toggle(){?

$("#divObj").toggle(2000);//显示隐藏切换,参数可以无,参数说明同上?

?

}?

function?slide(){?

$("#divObj").slideDown();//窗帘效果展开?

}?

?

/script?

/head?

?

body?

h3div里内容的显示隐藏特效/h3?

input?type="button"?value="隐藏"?onclick="hiden()"/?

?input?type="button"?value="显示"?onclick="show()"/?

?input?type="button"?value="窗帘效果显示2"?onclick="slide()"/?

?input?type="button"?value="窗帘效果的切换"?onclick="slideToggle()"/?

??input?type="button"?value="隐藏显示效果切换"?onclick="toggle()"/?

div?id="divObj"?style="display:none"?

????????1.测试例子br/?

????????2.测试例子br/?

????????3.测试例子br/?

????????4.测试例子br/?

????????5.测试例子br/?

????????6.测试例子br/?

????????7.测试例子br/?

????????8.测试例子br/?

????????9.测试例子br/?

????????0.测试例子br/?

????/div?

/body?

/html

jquery使用什么方法能以调节透明度的方式隐藏一个元素?

fadeout。jquery中,经代码使用规则查询可知,可以使用fadeout方法,能以调节透明度的方式隐藏一个元素。jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由JohnResig发布。

jquery dom元素隐藏有哪些方式

我就说常用的两种:

hide()与show()方法交换着用

如果想隐藏后不再显示的话,直接用:remove();

其它的,还有fadeOut();

toggle()方法使一个元素交替显示与隐藏

或者通过css()方法设置隐藏所对应的样式

或者是通过addClass()与removeClass()影响显示与隐藏的样式。

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隐藏table列

方法:

1、利用find()和eq()方法根据指定列的索引值获取指定列的元素对象,语法为“tr元素对象.find('th或td元素对象:eq(索引值)')”;

2、利用hide()方法将获取的指定列隐藏即可,语法为“指定列对象.hide()”。

find() 方法返回被选元素的后代元素。

eq() 方法返回带有被选元素的指定索引号的元素。

索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。

hide() 方法隐藏被选元素。

(责任编辑:IT教学网)

更多
上一篇:没有了

推荐CMS技巧文章