十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这问题不是jquery函数怎么执行的问题。关键在于对函数和函数如何执行的理解
坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观,专业网站建设服务10余年为成都活动板房小微创业公司专业提供企业网站制作营销网站建设商城网站建设手机网站建设小程序网站建设网站改版,从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。
比如函数定义
function aa(){
}
对于这个函数来说aa是函数名,函数名+()就是执行函数,有了这个基础,下面理解起来就容易了
$("#subb").click(aa());//这里是aa(),需要执行函数,则相当于先执行aa(),aa的返回值再作为参数传入click中。
$("#subb").click(aa);//这里aa是函数名,不具备立即执行条件
$("#subb").click =aa();//这里是aa(),需要执行函数,则相当于先执行aa(),aa的返回值赋值给click
jQuery里的函数的3方式:函数声明、函数表达式和匿名函数。
函数声明:function Dosth(){......};
函数表达式:var Dosth=function(){......};
匿名函数:function(){.......}
这三种方式的调用
1、将包含函数的js文件引入到你所要执行的html页面中;声明方法的js要在调用的js的上面,因为html加载顺序问题。当然如果声明和调用是在同一个js中,就不需要考虑html页面上应用的顺序问题。
2、三种不同声明方法的调用方式
2.1函数声明:function Dosth(){......}; 调用的时候不管是通过html页面引用还是写在一个js文件中,调用方式都是Dosth();
2.2函数表达式:var Dosth=function(){......}; 调用方法有两种:一种是在声明完成后马上调用,也就是立即执行var Dosth=function(){......}(); 第二种是在别处调用Dosth();同时第二种方法的调用时要注意,声明var Dosth=function(){......}(); 要在调用的上下顺序之前(即先声明变量,再使用变量)。
2.3匿名函数:function(){.......}; 调用时使用(function(){.....}())或者(function(){.....})()
加个全局变量记录当前步骤,然后根据变量值调用
var step =1;
$(document).ready(function(){
$("#kuang").click(function(){
if(step==1){
.......
}else if(){
}
....
});
});
【补充】:
scripts,这是一个数组,包含两个script标签:
[script
src="./service.ashx?file=js/jquery-ui.jsdelay=2000"
type="text/javascript"/script
,
scriptalert(typeof(jQuery.ui));/script]
evalScript,这是一个函数,通过jQuery.each函数来调用
HTML DOM setInterval() 方法
定义和用法
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
html
body
input type="text" id="clock" size="35" /
script language=javascript
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
/script
/form
button onclick="int=window.clearInterval(int)"
Stop interval/button
/body
/html
$(function(){...})函数当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,执行。
此事件等同于jquery的ready()事件的一种语法,完整的三种如下:
$(document).ready(function)
$().ready(function)
$(function)
简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。
$(function () {var opName = getUrlParam('opname');// var opName = "OP3040";document.getElementById("txtName").value = opName;getplan(opName);getopname(opName);// getplan(opName);connect();getFoucs();InitGrid();});
F5的时候,页面刷新,重新读取DOM节点完成后,自动执行ready()函数里面的函数体。
$('ID')只是选中某个元素,比如你的函数第三行: document.getElementById("txtName")。并没有执行函数的含义。
扩展资料
jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。
在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯JavaScript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。
浏览器功能测试模块提供了针对不同浏览器功能和bug的测试结果,其他模块则基于这些测试结果来解决浏览器之间的兼容性问题。
在底层支持模块中,回调函数列表模块用于增强对回调函数的管理,支持添加、移除、触发、锁定、禁用回调函数等功能;异步队列模块用于解耦异步任务和回调函数,它在回调函数列表的基础上为回调函数增加了状态,并提供了多个回调函数列表,支持传播任意同步或异步回调函数的成功或失败状态。
数据缓存模块用于为DOM元素和Javascript对象附加任意类型的数据;队列模块用于管理一组函数,支持函数的入队和出队操作,并确保函数按顺序执行,它基于数据缓存模块实现。
在功能模块中,事件系统提供了统一的事件绑定、响应、手动触发和移除机制,它并没有将事件直接绑定到DOM元素上,而是基于数据缓存模块来管理事件。
Ajax模块允许从服务器上加载数据,而不用刷新页面,它基于异步队列模块来管理和触发回调函数;动画模块用于向网页中添加动画效果,它基于队列模块来管理和执行动画函数;
属性操作模块用于对HTML属性和DOM属性进行读取、设置和移除操作;DOM遍历模块用于在DoM树中遍历父元素、子元素和兄弟元素。
DOM操作模块用于插入、移除、复制和替换DOM元素;样式操作模块用于获取计算样式或设置内联样式;坐标模块用于读取或设置DOM元素的文档坐标;尺寸模块用于获取DOM元素的高度和宽度。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
技术应用
只需要少量的代码,即可将它们集成到网站上,并且能够帮助访问者分享网站上的内容。 [12]
移动端
JQuery Mobile 1. 2是JQuery运行在手机和平板设备上的版本。JQuery Mobile 1. 2给主流移动平台提供了JQuery的核心库,发布了一个完整统一的JQuery移动UI设计框架,在不同的智能手机和桌面电脑的web浏览器上形成统一的用户UI。
支持全球主流的移动平台,对每个平台的支持分为三个等级:A、B、C,实现了对Android 2.1-2.3、3.2、4.0、4. 1、Palm WebOS 1.4-2.0、3.0、Firefox Mobile 15,Opera Mobile 11.5-12等平台的A级支持。
JQuery Mobile 1. 2的核心使得基本的HTML标签在所有的浏览器中生效,并且对网页的行为和效果均进行了增强,让网页在等级较高的浏览器中能获得优秀的体验,在较差的浏览器中也能正常的使用。
参考资料:百度百科 jQuery的工作原理