使用jquery的hide应注意什么

2024-09-01

Jquery：hide一个元素,需要注意的问题(offset)

$(".load_more").css('display','none'); 或 $(that.more).find("strong").hide(); 需要注意的问题(offset) $(that.more).offset().top 值有可能为0 其offset()都会变为0,但是实际上通过attr('left')和attr('top')得到的值,才是正确的left和top

jquery的hide()和show()

jquery用hide()和show()函数来控制html元素的显示和隐藏. hide()和show()都可以带参数的,hide(1000)表示隐藏所需的时间为1秒.此外还可以用slow,fast参数. hide(speed,callback),speed代表速度,callback代表隐藏之后执行的函数. toggle() 方法可以实现hide()和show()函数的切换直接使用一个方法实两个方法的功能.toggle(speed,callback)方法的参数前者代表速度,后者代表执行显示或隐藏之

JQuery 支持 hide 和 show 事件的方法与分析

问题提出 JQuery不支持hide和show作为事件形式出现, 实际上这两个仅仅是JQuery对象的一个方法(fn): 有一类UI交互需求,根据一个DOM对象的或者显示对附属的DOM对象做相同操作, 一般情况下, 利用jquery hide和show方法的扩展参数中的回调函数,是可以实现的,例如: $( "#book" ).hide( "slow", function() { $( "#booklet" ).hide() }); 如果附属DO

jquery之hide()用法详解

注: 以下函数用法和hide()类似 [参数类型完全一样] toggle() hide() show() slideToggle() slideUp() slideDown() fadeToggle() fadeOut() fadeIn() jQuery.hide() 函数详解 hide()函数用于隐藏所有匹配的元素.此外,你还可以指定元素隐藏的过渡动画效果. 如果元素本身是不可见的,则不对其作任何改变.如果元素是可见的,则将其隐藏. 与该函数相对的是show()函数,用于显示所有匹配的元素

Use jQuery to hide a DIV when the user clicks outside of it

http://stackoverflow.com/questions/1403615/use-jquery-to-hide-a-div-when-the-user-clicks-outside-of-it $(document).mouseup(function (e) { var container = $("YOUR CONTAINER SELECTOR"); if (!container.is(e.target) // if the target of the click isn

jQuery show hide方法二级菜单

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

jquery的show/hide/toggle详解

通过阅读源码我们发现show,hide,toggle调用了showHide和isHidden这2个方法,所以我们要搞明白原理必须先看一下这2个方法. jQuery.fn.extend({ ................. show: function() { return showHide( this, true ); }, hide: function() { return showHide( this ); }, toggle: function( state, fn2 ) { var b

JavaScript、Jquery选择题

尚学堂Java EE软件工程师认证考试试题库-选择题一. 选择题(包括单选和双选) 1.B 在JavaScript中,以下变量命名非法的是( )(选择一项) A. numb_1 B. 2numb C. sum D. de2$f 2.C 假设今天是2006年4月1日星期六,请问以下javascript代码输出结果是( )(选择一项) var time = new Date( ); document.write(time.getDate( )); A. 2006 B. 4

Web开发——jQuery基础

参考: 参考W3School:jQuery 教程参考:jQuery 参考手册参考(常用):jQuery API 测试 JavaScript 框架库 - jQuery 测试 JavaScript 框架库 - Prototype jQuery库下载:https://jquery.com/ Prototype库下载:http://prototypejs.org/ 目录: 1.引用 jQuery.Prototype 1.1 引用jQuery 1.2 引用Prototype 1.3 jQuery描述

第五模块：WEB开发基础第3章·BootStrap&JQuery开发

01-JQuery介绍 02-jQuery文件引入和加载的区别 03-jQuery的基础选择器 04-jQuery的层级选择器 05-jQuery的基本过滤选择器 06-jQuery的属性选择器 07-jQuery的筛选选择器 08-jQuery的对象和DOM对象的转换 09-jQuery效果-显示和隐藏 10-jQuery的效果-slide 11-jQuery的效果-fade 12-jQuery的效果-animate 13-右下角弹出小广告 14-jQuery的属性操作-attr和prop 1

理解jQuery对象$.html

前面的话如果要比喻jQuery和原生javascript的关系,我个人认为是自动档和手动档汽车的区别.使用原生javascript,可以知道离合器以及档位的作用:而使用jQuery,则把离合器和手动档位封装到函数,直接前进.后退或驻车即可.所以,熟练使用原生javascript,再去使用jQuery是一个很自然的步骤.从本文开始,将陆续介绍jQuery的相关内容,并给出相关的原生javascript实现.接下来,将详细介绍jQuery对象$ $对象说起jQuery,最明显的标志,毫无疑问,就

jQuery源码分析系列(40）: 动画设计

前言 jQuery动画是通过animate这个API设置执行的,其内部也是按照每一个animate的划分封装了各自动画组的行为, 包括数据过滤.缓动公式.一些动画默认参数的设置.元素状态的调整.事件的处理通知机制.执行等等换句话说,我们可以把animate看作一个对象,对象封装自己的一系列属性与方法. jQuery可以支持连续动画,那么animate与animate之间的切换就是通过队列.queue,这个之前就已经详细的解释过了动画的参数 jQuery的内部的方法都是针对API的处理范围设计

记jQuery.fn.show的一次踩坑和问题排查

最近很少已经很少用jQuery,因为主攻移动端,常用Zepto,其实很多细节和jQuery并不一样.最近又无意中接触到了PC的需求和IE6, 使用了jQuery,刚好踩坑了,特意记录一下. 本文内容如下: 问题解决 jQuery.fn.show()和jQuery.fn.show(0)到底发生了什么结语参考和引用 JavaScript - 前端开发交流群:377786580 问题最近很少用jQuery,因为主攻移动端,常用Zepto,其实很多细节和jQuery并不一样.以前读过Zepto的

jQuery的一些常用的方法(转载)

操作元素的样式主要包括以下几种方式: $("#msg").css("background"); //返回元素的背景颜色 $("#msg").css("background","#ccc") //设定元素背景为灰色 $("#msg").height(300);// $("#msg").width("200"); //设定宽高 $("#ms

jQuery 简介

jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中. jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 向您的页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数. 可以通过下面

使用JQuery实现手风琴布局

当鼠标在元素上悬停或移出时,可以通过JQuery的hover方法来给元素绑定两个处理方法,前者用于鼠标悬停,后者用于鼠标移出,因此根据这这特点再设置相应元素的css属性后就可以方便的实现手风琴布局,然而这样的却有个问题,即当鼠标移出时就导致内容被隐藏,示例代码如下: <html> <head> <title>Demo</title> <script language="javascript" type="text/java

(转)You might not need jQuery

You might not need jQuery You certainly can support IE 9 and below without jQuery, but we don't. Please stop messing with us. jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're dev

解决jquery和prototype库冲突问题

在项目中同时引入了jquery.js和prototype.js两个文件,在方法调用时启了冲突. 我们在使用 jQuery 的过程中我们会频繁使用 $ 符号,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,例如如$('#msg')等同于JQuery('#msg')的写法. 在页面中同时引入另一个js类库,并且该类库也是用了 $ 符号时,$ 代表的变量将被覆盖.例如 prototype.js. 举例: A.jquery.js 在 prototype.js 之前引入 <scr

三分钟玩转jQuery.noConflict()

jQuery是目前使用最广泛的前端框架之一,有大量的第三方库和插件基于它开发.为了避免全局命名空间污染,jQuery提供了jQuery.noConflict()方法解决变量冲突.这个方法,毫无疑问,非常有效.遗憾的是,jQuery的官方文档对该方法的描述不够清晰,许多开发者并不清楚当他们调用jQuery.noConflict()时,究竟发生了什么,从而导致在使用时出现了许多问题.尽管如此,jQuery.noConflict()背后实现原理依然值得Web开发者学习掌握,成为解决类似全局命名空间

jQuery.noConflict() 函数

jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")和$("p")是等价的.由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库. 不过,其他JS库也可能使用变量$来进行操作,例如Prototype库.这个时候两个库可能会由于变量$的控制权问题而发生冲突. 此时,你可以使用该函数

使用jquery的hide应注意什么

热门专题