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显示和隐藏元素或设为只读(含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显示隐藏元素的实现代码
$("#id").css('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定没有display属性 $("#firstStep").hide(500);而且可以设置时间:("#firstStep").hide
-
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()
随机推荐
- JSP页面中文参数的传递(get和post方法分析)
- MongoDB各种查询操作详解
- sql2008设置subcategory报表参数可用值和默认值步骤分享
- Angularjs 双向绑定时字符串的转换成数字类型的问题
- 2006年100款最佳安全工具谱第1/4页
- 支持生产阻塞的Java线程池
- javascript中callee与caller的区别分析
- jQuery中的RadioButton,input,CheckBox取值赋值实现代码
- php、java、android、ios通用的3des方法(推荐)
- 在windows下快速搭建web.py开发框架方法
- 第五章之BootStrap 栅格系统
- JS+CSS 制作的超级简单的下拉菜单附图
- jQuery Selectors(选择器)的使用(一、基本篇)
- 使用FSO修改文件夹的名称实现文件转移防盗链
- jquery实现按Enter键触发事件示例
- Windows Powershell Do While 循环
- python 多线程应用介绍
- Navicat远程连接SQL Server并转换成MySQL步骤详解
- c#加密类使用方法示例
- 利用javascript/jquery对上传文件格式过滤的方法