当前位置: 首页 > 编程笔记 >

jQuery使用hide方法隐藏元素自身用法实例

慎望
2023-03-14
本文向大家介绍jQuery使用hide方法隐藏元素自身用法实例,包括了jQuery使用hide方法隐藏元素自身用法实例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery使用hide方法隐藏元素自身用法,分享给大家供大家参考。具体如下:

下面的JS代码实现让按钮点击后将自己隐藏起来

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $(this).hide();
 });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jquery使用hide方法隐藏指定id的元素,包括了jquery使用hide方法隐藏指定id的元素的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery使用hide方法隐藏指定id的元素。分享给大家供大家参考。具体如下: 下面的代码通过jQuery的hide方法隐藏了id=test的元素 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍jQuery使用hide方法隐藏页面上指定元素的方法,包括了jQuery使用hide方法隐藏页面上指定元素的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法。分享给大家供大家参考。具体如下: 下面的JS代码隐藏了网页中所有<p>标签的内容 希望本文所述对大家的jQuery程序设计有所帮助。

  • 使用自定义效果来隐藏匹配的元素。 如需了解更多有关 .hide() 方法的细节,请查看 API 文档 .hide()。 .hide() 演示 点击按钮预览特效。 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI 特效 - .hide() 演示</title> <link re

  • 本文向大家介绍Jquery中使用show()与hide()方法动画显示和隐藏图片,包括了Jquery中使用show()与hide()方法动画显示和隐藏图片的使用技巧和注意事项,需要的朋友参考一下 (1)功能描述 在页面中单击“显示”连接,通过show()方法以动画的方式显示一幅图片,同时在方法中执行一个回调函数,用于改变图片的边框样式;单击已显示的图片时,通过hide()以动画的方式隐藏该图片。

  • 隐藏所有指定的元素。 使用展开运算符(...)和 Array.forEach() 将 display: none 应用于每个指定的元素。 const hide = (...el) => [...el].forEach(e => (e.style.display = 'none')); hide(...document.querySelectorAll('img')); // Hides all

  • 本文向大家介绍JQuery显示隐藏页面元素的方法总结,包括了JQuery显示隐藏页面元素的方法总结的使用技巧和注意事项,需要的朋友参考一下 在jquery中显示隐藏div方法方法有很多种,如比较简单的函数show(),hide(),toggle(),slideDown()然后还有css设置div的style属性都可操作,下面我来介绍。 show()方法 显示出隐藏的 <p> 元素。 toggle(