• 技术文章 >web前端 >前端问答

    jquery ready事件的四种方法是什么

    青灯夜游青灯夜游2022-12-16 17:45:00原创247

    jquery ready事件的四种方法是:1、“$(document).ready(function(){……})”方法;2、“jQuery(document).ready(function(){……})”方法;3、“$(function(){……})”方法;4、“jQuery(function(){……})”方法。

    本教程操作环境:windows7系统、jquery3.6.1版本、Dell G3电脑。

    jquery ready事件

    当 DOM(document object model 文档对象模型)加载完毕且页面完全加载(包括图像)时发生 ready 事件。

    由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。

    在 jQuery 中,对于 ready 事件,共有以下 4 种写法。

    语法:

    //写法1:
    $(document).ready(function(){
        ……
    })
    
    //写法2:
    jQuery(document).ready(function(){
        ……
    })
    
    //写法3:
    $(function(){
        …… 
    })
    
    //写法4:
    jQuery(function(){
        ……
    })

    【代码分析】

    $(document).ready()是jQuery中最重要的一个方法,可以极大地提高页面的加载速度。

    示例:

    使用 ready() 来使函数在文档加载后是可用的:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<script src="js/jquery-3.6.2.min.js"></script>
    		<script>
    			$(document).ready(function() {
    				$("button").click(function() {
    					$("p").slideToggle();
    				});
    			});
    		</script>
    	</head>
    	<body>
    
    		<p>这是一个段落 。</p>
    		<button>切换段落的上滑与下滑。</button>
    
    	</body>
    </html>

    1.gif

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery ready事件的四种方法是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:jquery怎么改变span的值 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • jquery $(document).ready()和onload的区别是什么• jquery怎么检测元素是否隐藏• jquery可以获取图片的src属性吗• jquery可以给img加a标签吗• jquery isEmptyObject()方法有什么用
    1/1

    PHP中文网