jquery中用什么方法隐藏元素

html-css024

jquery中用什么方法隐藏元素,第1张

.hide()

这个方法不接受任何参数。

.hide(

[duration

]

[,

complete

]

)

duration

(默认:

400)

类型:

Number

or

String

一个字符串或者数字决定动画将运行多久。

complete

类型:

Function()

在动画完成时执行的函数。

如果没有参数,.hide()方法是最简单的方法来隐藏一个元素:

$('.target').hide()

匹配的元素将被立即隐藏,没有动画。这大致相当于调用.css('display',

'none'),但display属性值保存在jQuery的数据缓存中,所以display可以方便以后可以恢复到其初始值。如果一个元素的display属性值为inline,那么隐藏再显示时,这个元素将再次显示inline。

1、新建HTML文件。

2、引入jquery.min.js文件。

3、创建HTML内容。

4、预览效果如图。

5、用jquery创建点击事件,点击隐藏按钮,p内容隐藏。

6、用jquery创建点击事件,点击显示按钮,p内容显示。

7、预览如图当点击隐藏按钮,p内容隐藏。

可以说清楚点吗?是想要div隐藏还是自定义一个属性不显示呢?

如果是隐藏div就直接:$("div").hide()或者添加css:$("div").css("display","none")

如果是添加自定义属性不显示那么属性名称尽量不要和元素本来有的一样:

$("div").attr("varid","21321")