Latest web development tutorials

jQuery를 UI의 API - .hide ()

범주

특수 효과 (효과) | 효과 코어 (코어 효과) | 메소드 오버로딩 (방법, 오버라이드 (override)) | 방법 (방법)

용법

설명 : 일치하는 요소를 숨기기 위해 사용자 지정 효과를 사용합니다.

반환 값 : JQuery와

.hide( effect [, options ] [, duration ] [, complete ] )

参数 类型 描述 默认值
effect String 一个字符串，指示要使用哪一种特效 。
options Object 特效具体的设置和 easing 。
duration Number 或 String 一个字符串或一个数字，指定动画将运行多久。 400
complete Function() 一旦动画完成时要调用的函数。

.hide( options )

参数 类型 描述
options Object 所有的动画设置。唯一一个必需的属性是 effect。
  • effect
    类型：String
    描述：一个字符串，指示要使用哪一种特效 。
  • easing （默认值： "swing" ）
    类型：String
    描述：一个字符串，指示要使用的 easing 函数。
  • duration （默认值： 400 ）
    类型：Number 或 String
    描述：一个字符串或一个数字，指定动画将运行多久。
  • complete
    类型：Function()
    描述：一旦动画完成时要调用的函数。
  • queue （默认值： true ）
    类型：Boolean 或 String
    描述：一个布尔值，指示是否将动画放在特效队列中。如果是 false，动画将立即开始。 自 jQuery 1.7 起 ，queue 选项也接受一个字符串，在这种情况下，动画添加到由字符串表示的队列中。

jQuery를에서 플러그인 확장 내장 .hide () 메소드를. jQuery를 UI가로드되지 않은 경우, 전화 .hide() 방법은 jQuery를에 존재하기 때문에, 방법은 단순히 실패하지 않습니다. 그러나 예상 된 동작하지 않습니다.

예

토지 이용 효과 (드롭 효과) 사업부를 숨 깁니다. 

<! DOCTYPE html로>
<HTML LANG = "EN">
<헤드>
  <메타 문자 집합 = "UTF-8">
  <제목> .hide () 데모 </ 제목>
  <링크 REL = "스타일 시트"HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <스타일>
  사업부 {
    폭 : 100 픽셀;
    높이 : 100 픽셀;
    배경 : #ccc;
    국경 : 1 픽셀 고체 # 000;
  }
  </ 스타일>
  <스크립트 SRC = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <스크립트 SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ 헤드>
<바디>
 
<버튼> 숨겨진 사업부 </ 버튼>
<DIV> </ DIV>
 
<스크립트>
$ ( "버튼") .click (함수 () {
  $ ( "사업부") .hide ( "드롭"{방향 : "아래로"}, "느린");
});
</ 스크립트>
 
</ BODY>
</ HTML>