名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
$(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>
那么这个加载事件可以放在任何位置了...
好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明,本站内容来源于互联网,如果侵犯了你的权益请联系本站删除。,五个jQuery图片画廊插件 推荐-jquery