JQuery与JS里submit()的区别示例介绍

 这篇文章主要介绍了JQuery与JS里submit()的区别,需要的朋友可以参考下

ASP.NET 的服务器控件回发是使用这一段JS代码: 
 代码如下:
var theForm = document.forms['form1']; 
if (!theForm) { 
theForm = document.form1; 

function __doPostBack(eventTarget, eventArgument) { 
if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 
theForm.__EVENTTARGET.value = eventTarget; 
theForm.__EVENTARGUMENT.value = eventArgument; 
theForm.submit(); 


 
今天遇到的问题是想在服务器端控件回发之前给其中一个隐藏域赋值,以给服务器传值。 
 
于是就用JQuery的 submit([[data],fn]) 方法添加了一个事件,但发现不起作用。 
 
我用 $("form:first").submit() 试了一下,发现能触发事件函数。 
 
怎么回事呢?查了一下资料发现js的原生函数 void submit() 并不触发submit事件。这也是为什么上面那段代码里有 
代码如下:
if (<span style="color:#006600">!theForm.onsubmit || (theForm.onsubmit() != false</span>)) { 
... 

 
这句了。 
 
于是把添加事件写成 
 代码如下:
$("form:first")<span style="color:#006600">.get(0)</span>.onsubmit = function () { 
... 
}; 
 
就可以啦。 
 
另外,用JQuery的 submit([[data],fn]) 添加的事件是可以用 $().submit() 触发的。 
 

时间: 2024-09-19 19:39:57

JQuery与JS里submit()的区别示例介绍的相关文章

JQuery与JS里submit()的区别示例介绍_jquery

ASP.NET 的服务器控件回发是使用这一段JS代码: 复制代码 代码如下: var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTAR

jQuery中的height innerHeight outerHeight区别示例介绍_jquery

标准浏览器下: height:高度 innerHeight:高度+补白 outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距 html代码: 复制代码 代码如下: <div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id="test">jjjjj<

jQuery时间插件jquery.clock.js用法实例(5个示例)_jquery

本文实例讲述了jQuery时间插件jquery.clock.js用法.分享给大家供大家参考,具体如下: Example 1: Basic clock, no options <html> <head> <title>jclock</title> <mce:script type="text/javascript" src="jquery-1.2.1.min.js" mce_src="jquery-1.2

使用jquery.upload.js实现异步上传示例代码_jquery

相关资源下载:upload 1:jsp代码: 导入jquery.upload.js和jquery-1.7.2.js 添加调用js的代码:<a href="javascript:void(0)" rel="external nofollow" onclick="doUpload()">上传</a> 在底部写: <iframe style="position:absolute;top:-9999px"

JS动态调用方法名示例介绍

 在JS中如何动态调用方法名,想必很多的朋友们都不会吧,下面为大家举例介绍下具体的调用方法 先看看JS的一个函数    JavaScript eval() 函数  定义和用法    eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码.  语法    eval(string)    参数 描述    string 必需.要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句.    返回值    通过计算 string 得到的值(如果有的话). 

JS动态调用方法名示例介绍_javascript技巧

先看看JS的一个函数 JavaScript eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数 描述 string 必需.要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句. 返回值 通过计算 string 得到的值(如果有的话). 说明 该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回.因此请不要为 eval() 函

JQuery中的html()、text()、val()区别示例介绍_jquery

1.HTML html():取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档 html(val):设置每一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档. 2.TEXT text():取得所有匹配元素的内容. 结果是由所有匹配元素包含的文本内容组合起来的文本.这个方法对HTML和XML文档都有效. text(val):设置所有匹配元素的文本内容 与 html() 类似, 但将编码 HTML (将 "<" 和 &

Jquery中的层次选择器与find()的区别示例介绍

Jquery中的层次选择器与find()是有一定的区别,本文有个示例可以很好的说明,感兴趣的朋友可以参考下 代码如下: $("#anaylseBody tr").find("td:eq(" + $("#analyse th:contains(" + $(this).val() + ")").index() + ")").hide(); ("#anaylseBody tr") find作为

jquery中子元素和后代元素的区别示例介绍

 后代,就是当前元素的所有后代,都算,子元素,就是当前元素的子集,再往下走就不算了 今天学习jQuery的选择器:    jQuery选择器分为基本选择器.层次选择器.过滤选择器.表单选择器.    基本选择器:id,class,标签名,*,元素组合(div,span,p.myClass)    层次选择器:    难点: jquery中子元素和后代元素的区别  后代,就是当前元素的所有后代,都算,  子元素,就是当前元素的子集,再往下走就不算了.    具体的分析可以参考:  代码如下: <d