jquery에서 Ready를 사용하는 방법-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

jquery에서 Ready를 사용하는 방법

一个新手

Sep 30, 2017 am 09:02 AM

용법

ready는 문서가 로드된 후 기능을 활성화합니다.

예:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"><
/script>
<script type="text/javascript">
   $(document).ready(function(){
  $(".btn1").click(function(){
  $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>

정의 및 사용법:

ready는 DOM(문서 개체 모델)이 로드되고 페이지(이미지 포함)가 로드되었을 때 발생합니다. 완전히 렌더링된 이벤트.

이 이벤트는 문서가 준비된 후에 발생하므로 다른 모든 jQuery 이벤트와 함수를 이 이벤트에 배치하는 것이 좋습니다. 위의 예와 같습니다.

ready() 함수는 Ready 이벤트가 발생할 때 실행될 코드를 지정합니다.

ready() 함수는 현재 문서에서만 작동하므로 선택기가 필요하지 않습니다.

다음 세 가지 구문이 허용됩니다.

1、$(document).ready()；
2、$().ready()；
3、$()；

위 내용은 jquery에서 Ready를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

解析JSP注释的使用方法和分类Feb 01, 2024 am 08:01 AM

JSP注释的分类及用法解析JSP注释分为两种：单行注释：以结尾，只能注释单行代码。多行注释：以/*开头，以*/结尾，可以注释多行代码。单行注释示例多行注释示例/**这是一段多行注释*可以注释多行代码*/JSP注释的用法JSP注释可以用来注释JSP代码，使其更易于阅

如何正确使用C语言的exit函数Feb 18, 2024 pm 03:40 PM

c语言exit函数怎么用，需要具体代码示例在C语言中，我们常常需要在程序中提前终止程序的执行，或者在某个特定的条件下退出程序。C语言提供了exit()函数来实现这个功能。本文将介绍exit()函数的用法，并提供相应的代码示例。exit()函数是C语言中的标准库函数，它包含在头文件中。它的作用是终止程序的执行，并且可以带一个整型

Python函数介绍：abs函数的用法和示例Nov 03, 2023 pm 12:05 PM

Python函数介绍：abs函数的用法和示例一、abs函数的用法介绍在Python中，abs函数是一个内置函数，用于计算给定数值的绝对值。它可以接受一个数字参数，并返回该数字的绝对值。abs函数的基本语法如下：abs(x)其中，x是要计算绝对值的数值参数，可以是整数或浮点数。二、abs函数的示例下面我们将通过一些具体的示例来展示abs函数的用法：示例1：计算

Python函数介绍：isinstance函数的用法和示例Nov 04, 2023 pm 03:15 PM

Python函数介绍：isinstance函数的用法和示例Python是一门功能强大的编程语言，提供了许多内置函数，使得编程变得更加方便和高效。其中一个非常有用的内置函数是isinstance()函数。本文将介绍isinstance函数的用法和示例，并提供具体的代码示例。isinstance()函数用于判断一个对象是否是指定的类或类型的实例。该函数的语法如下

使用苹果快捷指令的方法Feb 18, 2024 pm 05:22 PM

苹果快捷指令怎么用随着科技的不断发展，手机已经成为了人们生活中不可或缺的一部分。而在众多手机品牌中，苹果手机凭借其稳定的系统和强大的功能一直备受用户的喜爱。其中，苹果快捷指令这一功能更是让用户们的手机使用体验更加便捷和高效。苹果快捷指令是苹果公司为其iOS12及更高版本推出的一项功能，通过创建和执行自定义指令，帮助用户简化手机操作流程，以达到更高效的工作和

解析SQL中使用distinct关键字Feb 18, 2024 pm 09:21 PM

SQL中distinct用法详解在SQL数据库中，我们经常会遇到需要去除重复数据的情况。此时，我们可以使用distinct关键字，它能够帮助我们去除重复数据，使得查询结果更加清晰和准确。distinct的基本使用方法非常简单，只需要在select语句中使用distinct关键字即可。例如，以下是一个普通的select语句：SELECTcolumn_name

教你使用Win10的快捷键Dec 30, 2023 am 11:32 AM

windows10常用快捷键可以为我们省去很多的时间，今天给大家介绍一些常用的快捷键用法，非常的方便快捷，下面一起来看看具体的使用方法吧。Win10快捷键用法介绍复制、粘贴和其他常规键盘快捷方式按此键执行此操作Ctrl+X剪切选定项Ctrl+C（或Ctrl+Insert）复制选定项Ctrl+V（或Shift+Insert）粘贴选定项Ctrl+Z撤消操作Alt+Tab在打开的应用之间切换Alt+F4关闭活动项，或者退出活动应用Windows徽标键+L锁定电脑Windows徽标键+D显示和隐藏桌面F

Python函数介绍：getattr函数的用法和示例Nov 04, 2023 pm 01:39 PM

Python函数介绍：getattr函数的用法和示例在Python中，getattr()是一个内置函数，用于获取对象的属性值。在不知道对象的属性名称的情况下，可以使用getattr()函数来动态地访问属性。本文将介绍getattr()函数的语法、用法和示例。getattr()函数的语法如下：getattr(object,name[,default])参数

See all articles