jquery $(function(){}) $(document).ready(function(){}); (function(){}); 的区别以及作用
时间: 2023-09-11 19:12:34 浏览: 37
这三个函数的区别和作用如下:
1. $(function(){}) 和 $(document).ready(function(){}) 是 jQuery 中用来在 DOM 加载完成后执行的函数。它们的作用是确保页面中的 DOM 元素都已经加载完毕,可以被访问和操作。两者的作用完全相同,只是语法不同,前者是 $(document).ready() 的简写形式。
2. (function(){}) 是 JavaScript 中的自执行函数,也称为匿名函数。它的作用是在脚本加载时立即执行,不需要等待 DOM 加载完成。这种写法通常用于初始化一些变量、对象或者执行一些初始化操作。
总之,$(function(){}) 和 $(document).ready(function(){}) 适用于需要操作 DOM 元素的情况,而 (function(){}) 适用于一些不需要操作 DOM 元素的初始化操作。
相关问题
jQuery的$(document).ready() 网页打开直接展开滑动
你可以在`$(document).ready()`方法中使用`animate()`方法来实现在网页打开时直接展开滑动的效果。下面是一个示例代码:
```
$(document).ready(function(){
$("#element").slideDown(1000); // 1000表示滑动动画持续1秒钟
});
```
在这个例子中,`$("#element")`指定了要进行滑动的元素,`slideDown(1000)`表示在1秒钟的时间内将元素向下滑动展开。你可以根据需要自行调整滑动的方向、持续时间和滑动的距离。
另外,如果你想在页面加载完成后执行多个操作,可以在`$(document).ready()`方法中添加多个函数,如下所示:
```
$(document).ready(function(){
$("#element").slideDown(1000);
$("#anotherElement").fadeIn(2000);
});
```
在这个例子中,当页面加载完成后,`$("#element")`元素将向下滑动展开,同时`$("#anotherElement")`元素将逐渐淡入显示。
$(document).ready(function(){ $.fn.xuanzuan(); }) $.fn.xuanzuan=function(){
$(document).ready(function(){ $.fn.xuanzuan(); })表示在文档加载完毕后执行一个函数,并调用$.fn.xuanzuan()函数。这样做可以确保在文档加载完毕后再执行相关操作,避免出现未加载完成就执行的情况。
$.fn.xuanzuan=function(){}是定义了一个函数xuanzuan,将其作为jQuery的插件方法。通过$.fn来扩展jQuery的原型,可以为jQuery对象添加新的方法或属性。
在函数xuanzuan内部,我们可以编写具体的代码逻辑。函数名xuanzuan可以按照需求自定义,可以是任何有效的函数名。
总结来说,以上代码是通过jQuery在文档加载完毕后调用xuanzuan函数的定义,以实现在特定时机执行相应的操作。具体的操作逻辑需要根据实际需求编写。