当前位置: 首页 > 编程笔记 >

javascript中$(function() {});写与不写有哪些区别

彭涵衍
2023-03-14
本文向大家介绍javascript中$(function() {});写与不写有哪些区别,包括了javascript中$(function() {});写与不写有哪些区别的使用技巧和注意事项,需要的朋友参考一下

javascript中$(function() {....}) 是 jQuery 中的经典用法,等同于 $(document).ready(function() {....}),即在页面加载完成后才执行某个函数,如果函数中要操作 DOM,在页面加载完成后再执行会更安全,所以在使用 jQuery 时这样的写法很常见。

$(document).ready() 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果你标签里执行的代码调用了当前还没加载过来的代码或者dom,那么就会报错,当然如果你把script标签放到页面最后面那么就没问题了,此时和ready效果一样。

$(document).ready(function(){})可以简写成$(function(){});

点击段落后,此段落隐藏:

<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("p").click(function(){
 $(this).hide();
 });
});
</script>
</head>
<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html> 

如果把$(document).ready(function() {});去掉后,无法隐藏段落:

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $("p").click(function(){
 $(this).hide();
 });
</script>
</head>
<body>
 <p>If you click on me, I will disappear.</p>
</body>
</html> 

但是把script放到页面最后的话,就可恢复隐藏效果:

<html>
<head>
</head>
<body>
 <p>If you click on me, I will disappear.</p>
</body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
 $("p").click(function(){
  $(this).hide();
 });
</script>
</html> 

javascript 中(function(){})()的作用和用法有哪些

和对象啥的没关系
(function(){})() 代表立即执行一个匿名的方法
一般用来与外界隔绝  制造一个似闭包的环境 创建一个作用域链 避免变量冲突

(function(){
 var a;
..........
})()

这篇文章主要介绍了javascript中$(function() {});写与不写有哪些区别,希望对大家有所帮助。

 类似资料:
  • 我使用下面的下拉列表按UTC偏移量存储应用程序的时区: 使用PHP时,我并没有最简单的方法将这些转换为时区缩写,我唯一的编程方法就是对大约400个时区缩写列表进行排序。有人知道这个下拉列表中的每个时区是什么吗,以及夏令时是什么吗?(我假设我需要手动定义这两个列表) 编辑:将这个列表解析为每个时区的一个缩写,但它们不是“流行”的。

  • 问题内容: 我的同事一直在使用“ new function()”和小写的“ f”来定义JavaScript中的新对象。它似乎在所有主流浏览器中都可以正常工作,并且在隐藏私有变量方面似乎也相当有效。这是一个例子: 一旦使用“ this”,它将成为someObj的公共财产。因此someObj.foo,someObj.get_inner()和someObj.set_inner()都是公开可用的。另外,s

  • 本文向大家介绍Javascript中的var functionName = function(){}和function functionName(){}有什么区别?,包括了Javascript中的var functionName = function(){}和function functionName(){}有什么区别?的使用技巧和注意事项,需要的朋友参考一下 functionDisplayOne

  • 本文向大家介绍写出你常用的指令有哪些?相关面试题,主要包含被问及写出你常用的指令有哪些?时的应答技巧和注意事项,需要的朋友参考一下 @ : v-once v-pre v-clock v-for v-html v-text v-model

  • 本文向大家介绍MyBatis 与 Hibernate 有哪些不同?相关面试题,主要包含被问及MyBatis 与 Hibernate 有哪些不同?时的应答技巧和注意事项,需要的朋友参考一下 Mybatis 和 hibernate 不同,它不完全是一个 ORM 框架,因为 MyBatis 需要 程序员自己编写 Sql 语句 Mybatis 直接编写原生态 sql,可以严格控制 sql 执行性能,灵活度

  • 本文向大家介绍问题:Loss Function有哪些,怎么用?相关面试题,主要包含被问及问题:Loss Function有哪些,怎么用?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 平方损失(预测问题)、交叉熵(分类问题)、hinge损失(SVM支持向量机)、CART回归树的残差损失