Latest web development tutorials
×

jQuery UI หลักสูตร

jQuery UI หลักสูตร jQuery UI แนะนำโดยย่อ jQuery UI ดาวน์โหลด jQuery UI ใช้ jQuery UI ปรับแต่ง jQuery UI โรงงาน

jQuery UI กระทู้

jQuery UI กระทู้ jQuery UI ThemeRoller jQuery UI CSS กรอบ API jQuery UI รูปแบบการออกแบบ

jQuery UI ห้องสมุดองค์ประกอบ

jQuery UI ห้องสมุดองค์ประกอบ jQuery UI Widget ขยาย jQuery UI Widget วิธีการภาวนา jQuery UI ใช้ห้องสมุดเครื่องมือทำไม jQuery UI วิธีการใช้ห้องสมุดเครื่องมือ

jQuery UI คู่มืออ้างอิง

jQuery UI API ไฟล์ API หมวดหมู่ - ผลดีเป็นพิเศษ API หมวดหมู่ - ผลกระทบหลัก API หมวดหมู่ - อีกวิธีหนึ่งคือ API หมวดหมู่ - วิธีการบรรทุกเกินพิกัด API หมวดหมู่ - ทาง API หมวดหมู่ - ผู้เลือก API หมวดหมู่ - กระทู้ API หมวดหมู่ - UI แกน API หมวดหมู่ - ประโยชน์ API หมวดหมู่ - วิดเจ็ต

jQuery UI ตัวอย่าง

jQuery UI ตัวอย่าง ลาก สถานที่ ขูดหินปูน เลือก ลำดับ แผงพับ การทำให้สมบูรณ์อัตโนมัติ ปุ่มกด เลือกวันที่ โต้ตอบ เมนู แถบความคืบหน้า Slider Rotator แถบ กล่องเคล็ดลับ ผลดีเป็นพิเศษ แสดงผล ปิดบัง การสลับ .addClass() .removeClass() .toggleClass() .switchClass() นิเมชั่นสี ตั้งอยู่ ห้องสมุดองค์ประกอบ

jQuery UI API - .hide ()

หมวดหมู่

เทคนิคพิเศษ (ผลกระทบ) | ผลกระทบหลัก (หลักผลกระทบ) | วิธีการบรรทุกเกินพิกัด (วิธีการแทนที่) | วิธีการ (วิธีการ)

การใช้

คำอธิบาย: ใช้ผลกระทบที่กำหนดเองเพื่อซ่อนองค์ประกอบที่ตรงกัน

ผลตอบแทน: 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 选项也接受一个字符串,在这种情况下,动画添加到由字符串表示的队列中。

นามสกุล Plug-in จาก jQuery สร้าง .hide () วิธีการ หาก jQuery UI ไม่โหลดโทร .hide() วิธีการไม่เพียงล้มเหลวเพราะวิธีการที่มีอยู่ใน jQuery แต่ก็ไม่ได้คาดว่าจะเกิด

ตัวอย่าง

ผลกระทบการใช้ประโยชน์ที่ดิน (Drop ผล) ซ่อน div

<! Doctype html>
<html lang = "th">
<head>
  <Meta charset = "UTF-8">
  <title> .hide () สาธิต </ title>
  <link rel = "สไตล์ชีต" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <style>
  div {
    ความกว้าง: 100px;
    ความสูง: 100px;
    พื้นหลัง: # CCC;
    ชายแดน: 1px ของแข็ง # 000;
  }
  </ style>
  <script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ head>
<body>
 
<ปุ่ม> ซ่อน div </ ปุ่ม>
<div> </ div>
 
<script>
$ ( "ปุ่ม") จำนวนคลิก (ฟังก์ชั่น () {
  $ ( "Div") .hide ( "วาง" {ทิศทาง "ลง"}, "ช้า");
});
</ script>
 
</ body>
</ html>