首先，我们用一个示例来说明JQuery的Ajax调用过程， 实现的一个功能是：点击确认支付按钮之后，实现余额支付的功能： 1.首先在php页面将相关需要调用的函数绑定到按钮上：代码如下:<input type="submit" name="pay_btn" id="pay_btn" value="确认支付" /> <script type="text/javascript"> $(function(){ $("#pay_btn").bind("click",ABC.balancePay); }); 2.脚本处： 如果使用$.post方式实现：代码如下:var ABC = { balan...
当我们需要动态生成DOM对象的时候，会使用createElement的方法创建。但是在IE和Firefox下，createElement方法是有差异的。 在 IE 中，可以使用以下两种方式来创建一个元素： 1、document.createElement(table) 2、document.createElement(<table border="0">) 而在 Firefox 只支持： document.createElement(table) 同时，如果添加属性和事件的话，需要使用setAttribute方法 示例： 代码如下:if($.browser.msie){ var rowHtml = <...
网上发现一个很有意思的jQuery旋转插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。 调用和方法： rotate(angle) angle参数：[Number] – 默认为 0 – 根据给定的角度旋转图片 例如: 代码如下:$("#img").rotate(45);rotate(parameters)parameters参数：[Object] 包含旋转参数的对象。支持的属性: 1.angle属性：[Number] – default 0 –...
刷新页面会提示 “要显示此页面， Firefox 必须发送将会导致重复之前动作的数据（例如搜索或者下订单）”看看以下代码 代码如下:$("iframe").load(function(){ $(this).attr("src","about:blank"); }) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发完正常事件后 做一个标记load完后判断一下 代码如下:$("iframe[name=hi]").load(function()...
找到以下代码： 代码如下:.bind( "blur.autocomplete", function( event ) { if ( self.options.disabled ) { return; } clearTimeout( self.searching ); // clicks on the menu (or a button to trigger a search) will cause a blur event self.closing = setTimeout(function() { self.close( event ); ...
但唯一遗憾的是，在对中文输入法打开时，firefox3.0中是对中文拼音的自动匹配，而对输入后的中文无法及时触发匹配；而在我的IE6.0下，则无此问题。 原因分析： Autocomplete插件对用户输入字符的触发自动匹配是通过”keydown”事件进行的（可分析jquery.autocomplete.js第 92行），在IE6中，当输入法打开时，输入的字符是不会触发”keydown”的，只有中文输入完毕才触发之，所以中文输入和latin文没有区别的；但在firefox3.0下，无...
javascript 兼容IE与firefox火狐的回车事件 代码如下:<script language="javascript"> function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } document.onkeypress=keypress; </script> 代码如下:<script> document.onkeydown=function(event) { e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert(回车检测到了); } } </script>jquery...
演示代码:测试 .divCss{ bottom:0; display:block; height:25px; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px; line-height:25px; text-align:right; margin:0px; background:#999999; } #close{ cursor:pointer; } $(function(){ //标题层的高度--提示打开或关...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>史上最精简，最强大的JS遮罩层效果，支持ie firefox jQuery遮罩层</title> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script ...
代码如下:jQuery.autocomplete = function(input, options) { // Create a link to self var me = this; // Create jQuery object for input element var $input = $(input).attr("autocomplete", "off"); // Apply inputClass if necessary if (options.inputClass) $input.addClass(options.inputClass); // Create results var results = document.createElement("div"); // Create jQuery object for results var $results = $...
DOM: 代码如下:function DisplayTextBoxValue(){ var element = document.getElementById(textbox); // set the attribute on the DOM Element by hand - will update the innerHTML element.setAttribute(value, element.value); alert(document.getElementById("container").innerHTML); return false; } jQuery plugin that makes .formhtml() automatically do this: 代码如下:(function($) { var oldHTML = $.fn.html; $.f...
其所用项目由Asp.Net技术开发，仍然使用的Webform作为前端处理，但某些功能包含了jQuery的功能，他遇到的问题就是无论用IE还是Firefox，包含jQuery的那部分页面功能都无法正常使用。 搜索Google后，结果可以归纳为3种： 没有启用FSO功能 IE安全设置级别过高 没有安装MSXML 但针对现在项目检查后，以上均不是问题所在，在项目中带有个测试页面，可以检查服务器端是否能正常运行jQuery，内容和jQuery官方网站的内容一样： 代码 代码...
这篇文章是我从一个国外站点看的视频，经过简单实践，我发现这样做的确可以提高不少效率。下面来说说这种方式: 先决条件: 安装firefox+firebug 这里以我的博客为例: 基本的使用如下: OK，下面让我们步入正题: 就拿上面的图片为例，我们看到博客园所有的标题都将class命名为:postTitle,下面我们利用jQuery将页面中的标题隐藏: 当然，我们也可以给页面的元素加入事件: 小结 上面我们简单说了firebug在调试jQuery中的简单应用，...
要实现可编辑的表格功能，我们要解决以下问题： 1.明确要修改的数据在表格中是哪些列（如何找到这些单元格）; 2.如何让单元格变成可以编辑的; 3.如何处理单元格的一些按键事件; 4.解决跨浏览器问题。 我们通过jQuery可以一步一步解决上述问题。 一、 绘制表格 首先我们先画好一个表格。 Code1: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...
页面中有一个select元素，id为customer，在网上好多的介绍jquery引用select的选中值的方法都是用： 代码如下:$("#customer option[selected]").val(); 这个方法来得到selcte选中项的值。我也是一直是这么用，不过最近安装了FF3.5正式版，发现这种方法在它下面得不到值，就去看jquery的帮助文档，在文档中对select选中的引用是用如下方法： 代码如下:$("#customer option:selected").val(); 用这种方法引用在FF3.5下就正常了。