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显示、隐藏元素以及添加删除样式
复制代码 代码如下: <script type="text/javascript"> $(function () { //当input获取焦点后将其兄弟标签label隐藏 $("input").focus(function () { $(this).siblings("label").hide(); }); }); $(function () { //input元素失去焦点 $("input").blur(func
-
jquery显示隐藏元素的实现代码
$("#id").css('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间:("#firstStep").hide
-
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
一.隐藏和显示元素 复制代码 代码如下: $('#button_save_12').css('display', 'none'); // 隐藏按钮$('#button_save_12').css('display', 'display'); // 显示按钮 // 或者采取 复制代码 代码如下: $('#button_save_12').hide();$('#button_save_12').show(); 二.设为禁用,只读 复制代码 代码如下: $('#button_save_12').a
-
jQuery使用hide方法隐藏元素自身用法实例
本文实例讲述了jQuery使用hide方法隐藏元素自身用法,分享给大家供大家参考.具体如下: 下面的JS代码实现让按钮点击后将自己隐藏起来 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(
-
jQuery使用hide方法隐藏指定元素class样式用法实例
本文实例讲述了jQuery使用hide方法隐藏指定元素class样式用法.分享给大家供大家参考.具体如下: 下面的JS代码可以隐藏所有class属性等于test的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button
-
jQuery使用hide方法隐藏页面上指定元素的方法
本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法.分享给大家供大家参考.具体如下: 下面的JS代码隐藏了网页中所有<p>标签的内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&qu
-
jquery使用hide方法隐藏指定id的元素
本文实例讲述了jquery使用hide方法隐藏指定id的元素.分享给大家供大家参考.具体如下: 下面的代码通过jQuery的hide方法隐藏了id=test的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&q
-
jQuery的load()方法及其回调函数用法实例
本文实例讲述了jQuery的load()方法及其回调函数用法.分享给大家供大家参考.具体如下: 下面的js代码演示了jQuery的load()方法的使用,并演示了带回调函数(callback)的load方法的使用 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(fun
-
jQuery中hide()方法用法实例
本文实例讲述了jQuery中hide()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以将匹配元素隐藏. hide()方法的用法: 此方法如果没有对隐藏效果加以时间限定,那么匹配元素会被瞬间隐藏.例如: 复制代码 代码如下: $("div").hide() 以上代码可以将所有div元素瞬间隐藏. 如果方法对隐藏效果加以时间限定,那么匹配元素将会在限定的事件内以比较优雅的形式隐藏.例如: 复制代码 代码如下: $("div").hide(2000) 以上代码
-
jQuery使用prepend()方法在元素前添加内容用法实例
本文实例讲述了jQuery使用prepend()方法在元素前添加内容的用法.分享给大家供大家参考.具体分析如下: 下面的代码可实现在文本前和列表前添加新的元素 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1"
-
jQuery使用after()方法在元素后面添加多项内容的方法
本文实例讲述了jQuery使用after()方法在元素后面添加多项内容的方法.分享给大家供大家参考.具体分析如下: jQuery可通过after()方法在元素后面添加多项内容,after()可以带多个参数,在指定元素后面添加多项内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> function af
-
jQuery使用正则表达式替换dom元素标签用法示例
本文实例讲述了jQuery使用正则表达式替换dom元素标签用法.分享给大家供大家参考,具体如下: 这里主要通过如下正则表达式来替换dom元素中的标签: /<[\/]?(div)([^<>]*)>/g 具体示例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title>
-
jQuery使用empty()方法删除元素及其所有子元素的方法
本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function()
随机推荐
- dbcp 连接池不合理的锁导致连接耗尽解决方案
- Linux集群/分布式环境下session处理的五种策略详解
- python字符串替换示例
- php中用加号与用array_merge合并数组的区别深入分析
- php 向访客和爬虫显示不同的内容
- 详解Python中的array数组模块相关使用
- C#使用GDI+创建缩略图实例
- jQuery使用动态渲染表单功能完成ajax文件下载
- Joomla调用系统自带编辑器的实现方法
- System.Web中不存在类型或命名空间名称script 找不到System.Web.Extensions.dll引用
- JavaScript返回0-1之间随机数的方法
- jQuery获取table下某一行某一列的值实现代码
- IE中实现全屏广告代码,霸道无比.
- Java中实现线程的三种方式及对比_动力节点Java学院整理
- Win Server 2003秘笈放送
- Pycharm远程调试openstack的方法
- python利用有道翻译实现"语言翻译器"的功能实例
- python web基础之加载静态文件实例
- 浅谈springBoot注解大全
- Django接收自定义http header过程详解