jQuery使用hide方法隐藏页面上指定元素的方法
本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法。分享给大家供大家参考。具体如下:
下面的JS代码隐藏了网页中所有<p>标签的内容
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").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中show()、hide()和toggle()用法实例
本文实例讲述了jquery中show().hide()和toggle()用法.分享给大家供大家参考.具体分析如下: 这里介绍了jquery效果:show()方法.hide()方法和toggle()方法 现实应用场景:QQ面板里我的好友分组 复制代码 代码如下: <html> <head> <title>jquery效果:show()方法.hide()方法和toggle()方法</title> <script type="text/javasc
-
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使用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代码实现让按钮点击后将自己隐藏起来 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(
-
jQuery中hide()方法用法实例
本文实例讲述了jQuery中hide()方法用法.分享给大家供大家参考.具体分析如下: 此方法可以将匹配元素隐藏. hide()方法的用法: 此方法如果没有对隐藏效果加以时间限定,那么匹配元素会被瞬间隐藏.例如: 复制代码 代码如下: $("div").hide() 以上代码可以将所有div元素瞬间隐藏. 如果方法对隐藏效果加以时间限定,那么匹配元素将会在限定的事件内以比较优雅的形式隐藏.例如: 复制代码 代码如下: $("div").hide(2000) 以上代码
-
用js模拟JQuery的show与hide动画函数代码
复制代码 代码如下: //根据ID返回dom元素 var $ = function(id){return document.getElementById(id);} //返回dom元素的当前某css值 var getCss = function(obj,name){ //ie if(obj.currentStyle) { return obj.currentStyle[name]; } //ff else { var style = document.defaultView.getCompute
-
jquery(hide方法)隐藏指定元素实例
复制代码 代码如下: <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p><script language="javascript" type="text/javascript" src="jquery-1.7.2.js"></sc
-
jQuery使用hide方法隐藏页面上指定元素的方法
本文实例讲述了jQuery使用hide方法隐藏页面上指定元素的方法.分享给大家供大家参考.具体如下: 下面的JS代码隐藏了网页中所有<p>标签的内容 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&qu
-
JavaScript获取页面上某个元素的代码
W3C标准推荐的语法是通过document文档对象获取DOM树内的内的某个元素,常见的方法有getElementById().getElementsByName().getElementsByTagName(),他们的作用分别通过id属性.name属性/标签名称返回单个节点或节点集合. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
-
jQuery经过一段时间自动隐藏指定元素的方法
本文实例讲述了jQuery经过一段时间自动隐藏指定元素的方法.分享给大家供大家参考.具体如下: 下面的代码提供了两种方法用于定时隐藏元素,第一种是使用setTimeout实现,第二种是使用jQuery1.4以后版本中提供的delay方法实现,第二种更简单一下. //这是1.3.2中我们使用setTimeout来实现的方式 //http://www.jb51.net setTimeout(function() { $('.showdiv').hide('blind', {}, 500) }, 50
-
jQuery对于显示和隐藏等常用状态的判断方法
本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法.分享给大家供大家参考.具体方法如下: 显示:show() display:block; 隐藏:hide() display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. 复制代码 代码如下: if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="show
-
Jquery调用iframe父页面中的元素及方法
一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 二.在iframe中调用父页面中定义的方法和变量: parent.method parent.value 三.实例 父页面: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._De
-
浅析jquery数组删除指定元素的方法:grep()
遇到的问题 今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组. 我定义的js数组是这样的: var sexList=new Array[3]; sexList[0]="1"; sexList[1]="2"; sexList[2]=""; 想达到的效果 我想达到的效果是这样的: 删除索引=1的元素,并返回新数组. 返回的结果是: var sexList=new Array("1",""); 我们知道
-
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
本文实例讲述了jQuery动态添加及删除表单上传元素的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 点击此处查看在线演示效果. 具体代码如下: <html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(d
-
jQuery找出网页上最高元素的方法
本文实例讲述了jQuery找出网页上最高元素的方法.分享给大家供大家参考.具体如下: 这段JS代码通过jQuery遍历网页上的元素,找出其中最高的元素 $(document).ready(function() { var maxHeight = -1; $('.features').each(function() { maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height(); }); $('.features'
-
使用jquery DataTable和ajax向页面显示数据列表的方法
首先在html页面定义好相关长度的行和列,假设table的id=data-table"" 使用jquery DataTable在js中这么写 $(function() { $('#data-table').DataTable( { order : [ [ 1, 'desc' ] ], ajax : { url : "/products", type : 'GET', dataSrc : "" }, columns : [ { data : &qu
-
layui问题之自动滚动二级iframe页面到指定位置的方法
一.问题 前提:用的layui框架 目标:改变iframe页面滚动条位置 问题:没有麻溜溜的滚.. 二.经过 刚开始,以为只要滚动iframe里面的元素就行了,页面所有元素都在section里面,就通过section使滚动条滚动 $('section.layui-larry-box').scrollTop(300); 可想而知,不行 然后,又试了div啥的 最后直接试了包含这个页面的iframe标签,让iframe滚动 $(this).children('iframe').scrollTop(3
随机推荐
- python的构建工具setup.py的方法使用示例
- Oracle在Mybatis中SQL语句的配置方法
- oracle获取当前用户表、字段等详细信息SQL
- 浅析python中SQLAlchemy排序的一个坑
- AngularJS通过$http和服务器通信详解
- iOS字体抖动动画的实现代码
- ObjectInputStream 和 ObjectOutputStream 介绍_动力节点Java学院整理
- 用js脚本控制asp.net下treeview的NodeCheck的实现代码
- js 基础篇必看(点击事件轮播图的简单实现)
- php ci框架中加载css和js文件失败的解决方法
- 用js实现过滤script的正则
- Win10 下安装配置IIS + MySQL + nginx + php7.1.7
- 浅析Linux下那些超有趣的命令
- Ajax缓存问题的解决方法汇总
- JS比较2个日期间隔的示例代码
- 从键盘磨损度看一个人的分析
- Java中Timer的用法详解
- jquery.validate使用时遇到的问题
- jquery uploadify 在FF下无效的解决办法
- java分形绘制科赫雪花曲线(科赫曲线)代码分享