jQuery-使用方案
2015-06-06 11:04
561 查看
jQuery是脚本库不是脚本框架,没有办法限制如果统一使用,所以如果无序使用很容易让页面上的脚本变的混乱。
在没有找到何时的脚本管理框架前, 使用如下方式在页面上使用脚本:
1. 在页面底部添加<script>区域, 两个function分别放置 "事件绑定" 和 "加载时执行" 的语句. 即使在加载时执行的javascript也必须要保证DOM加载完毕后执行. 所以两个function都被嵌套在$(function(){//嵌套在这里})中保证在DOM加载完毕后调用.
2. 应尽量避免在头部加载脚本. 必须在头部加载的可以在页面head中添加一个script区域.
3."自定义函数"要放在"事件绑定"和"加载时执行"语句块之上, 并且不需要包含在$(function(){})中.
下面是完整的使用例子:
在没有找到何时的脚本管理框架前, 使用如下方式在页面上使用脚本:
1. 在页面底部添加<script>区域, 两个function分别放置 "事件绑定" 和 "加载时执行" 的语句. 即使在加载时执行的javascript也必须要保证DOM加载完毕后执行. 所以两个function都被嵌套在$(function(){//嵌套在这里})中保证在DOM加载完毕后调用.
2. 应尽量避免在头部加载脚本. 必须在头部加载的可以在页面head中添加一个script区域.
3."自定义函数"要放在"事件绑定"和"加载时执行"语句块之上, 并且不需要包含在$(function(){})中.
下面是完整的使用例子:
相关文章推荐
- HTTPAuth Logout in Chrome, Firefox and IE with jQuery
- 【jQuery】复选框的全选、反选,判断哪些复选框被选中
- 【jQuery】对于复选框操作的attr与prop
- jquery操作滚动条滚动到指定位置
- Jquery几个比较实用,但又让很多人忽略的几个函数
- Jquery几个比较实用,但又让很多人忽略的几个函数
- jQuery笔记(1)
- jQuery中的end()方法
- 推荐几本javascript与jquery的好书
- Jquery核心函数
- JQuery实现图片的动态切换
- jQuery常用的正则表达式
- Jquery退出循环
- JQuery解析XML数据的几个例子
- jQuery Mobile 脚本加载问题
- jquery绝对路径
- 基于jQuery的左滑出现删除按钮
- JQuery设置数据滑动展示效果
- jQuery选择器
- Javascript、Jquery获取浏览器和屏幕各种高度宽度