Java/Java开发框架 数据库相关教程 大数据相关教程 HTML/CSS相关教程 JavaScript/前端框架 开发工具相关教程 后端开发相关教程 Java开发技术 Java面试题库 Java架构设计 大数据资讯 大数据技术 大数据应用 Python开发技术 HTML HTML5 CSS JavaScript jQuery Vue AngularJS MySQL Oracle SQLServer MongoDB Redis

首页 > 前端开发 > jQuery > 正文

Jqyery中同等与js中windows.onload的应用

发布时间:2020-05-20 09:49:49  作者:本站编辑  来源:本站原创  浏览次数:

摘要:这篇jQuery栏目下的“Jqyery中同等与js中windows.onload的应用”,介绍的技术点是“windows.onload、Windows、onLoad、与js、js、应用”,希望对大家开发技术学习和问题解决有帮助。

复制代码 代码如下:

$(function(){//脚本})
Jquery(function(){//脚本})
Jquery(document).ready(function(){//脚本})

以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使用$方法,因为他们也有该方法,可以用如下方法回避这种冲突:

jQuery(function($){//脚本})

他们都是当Dom加载完后执行的操作,所以放在html的任何位置都可以,但是有些情况,比如上一节提到的加载事件的方法
复制代码 代码如下:

<div id="divInfo">Hello,Word!</div>
<input id="btnShow" type="button" value="显示" />
<input id="btnHid" type="button" value="隐藏" />
<input id="btnChange" type="button" value="修改为:hello" />
<script type="text/javascript">
$("#btnShow").bind("click",function(event){$("#divInfo").show()});
$("#btnHid").bind("click",function(event){$("#divInfo").hide();});
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");});
</script>

这里面则是在加载的过程中执行的,就是必须加载完相关元素才可以执行,如果把他们放到上面的代码中就灵活的多了
复制代码 代码如下:

<div id="divInfo">Hello,Word!</div>
<input id="btnShow" type="button" value="显示" />
<input id="btnHid" type="button" value="隐藏" />
<input id="btnChange" type="button" value="修改为:hello" />
<script type="text/javascript">
jQuery(function($){$("#btnShow").bind("click",function(event){$("#divInfo").show()});
$("#btnHid").bind("click",function(event){$("#divInfo").hide();});
$("#btnChange").bind("click",function(event){$("#divInfo").html("hello");})
})
</script>

那么这个加载事件可以放在任何位置了...

文章关键词: windows.onload Windows onLoad 与js 应用 js

  • 0

    开心

  • 0

    板砖

  • 0

    感动

  • 0

    有用

  • 0

    疑问

  • 0

    难过

  • 0

    无聊

  • 0

    震惊

评论已有 0

相关文章

加载更多