$(document).ready(function()在ie里不执行,ff和chrome可以执行,

keye128 2012-07-01 11:49:44
$(document).ready(function()在ie里不执行,ff和chrome可以执行,我是菜鸟,这是套的代码,请高手不吝赐教

以下是jquery代码
$(document).ready(function(){
$.get("/member/ajax_login.php",{},function(result){
if(result == 2)
{
$(".flvbtn").html("<a href='/member/ajax.php' art='点此申请体验'>点此申请体验</a>");
}
})
});
$(document).ready(function(){
$.get("/member/ajax_login.php",{},function(result){
if(result == 2)
{
$(".flvbtn1").html("");
}
})
});
$(document).ready(function(){
$.get("/member/ajax_login.php",{},function(result){
if(result == 2)
{
$(".flvbtn2").html("<a href='/member/ajax.php' art='点此申请体验'>点此申请体验</a>");
}
})
});

以下html代码
<div class="flvbtn"><a onClick="showDiv();" art="点此注册体验">点此注册体验</a></div>
<a class="flvbtn1" href="javascript:showDiv()">立即注册</a>
<a class="flvbtn2" href="javascript:showDiv()">立即注册了解更多详情</a>

以下是ajax.php代码
<?php
require_once(dirname(__file__)."/config.php");
ShowMsg("请到个人中心查看观看地址","/member");
...全文
1524 26 打赏 收藏 转发到动态 举报
写回复
用AI写文章
26 条回复
切换为时间正序
请发表友善的回复…
发表回复
keye128 2012-07-08
  • 打赏
  • 举报
回复
jquery原来用的是织梦安装文件里的,现在与了jquery-1.7.2.js,alert可以出来,ie里还是不执行
keye128 2012-07-08
  • 打赏
  • 举报
回复
[Quote=引用 24 楼 的回复:]

alert 出来没有 没出来 就是你JQuery的问题


$(document).ready(function(){

JQuery(document).ready(function(){
[/Quote]
alert出来了,好的,我再试试
qdlhtgjgl 2012-07-08
  • 打赏
  • 举报
回复
alert 出来没有 没出来 就是你JQuery的问题


$(document).ready(function(){

JQuery(document).ready(function(){
keye128 2012-07-08
  • 打赏
  • 举报
回复
[Quote=引用 16 楼 的回复:]

o 确实有个问题 ,应该转换一下类型

JScript code

function GetUrl(url){
var html = $.ajax({
url: url,
async: false
}).responseText;
return html;
}


$(document).ready(function(){
alert("执行吗……
[/Quote]

谢谢,又一次麻烦你了,不过试了还是不行啊,真的是欲哭无泪啊
keye128 2012-07-08
  • 打赏
  • 举报
回复
[Quote=引用 19 楼 的回复:]

用$(window).load(function()
[/Quote]
谢谢,试了还是不行
keye128 2012-07-07
  • 打赏
  • 举报
回复
[Quote=引用 13 楼 的回复:]

换个JQUERY 文件版本。
[/Quote]
这几天没上网,没及时回贴,不好意思,感谢帮助
jquery1.5、6、7、8、9全试了,也不行
keye128 2012-07-07
  • 打赏
  • 举报
回复
[Quote=引用 12 楼 的回复:]

仔细看来一下,在简化,用别的方法

JScript code
function GetUrl(url){
var html = $.ajax({
url: url,
async: false
}).responseText;
return html;
}


$(document).ready(function(){
var str = "<……
[/Quote]

这几天没上网,没及时回贴,不好意思,感谢帮助,试了还是不行
网址是 media.9158net.info , 能不能帮我看下,不胜感激
qdlhtgjgl 2012-07-07
  • 打赏
  • 举报
回复
看了你的源代码 本身 存在一个 问题
<a class="flvbtn2" href="javascript:showDiv()">点此注册,立即享受精彩视讯</a>

如果执行成功 会变为这样的格式

<a class="flvbtn2" href="javascript:showDiv()"><a href='/member/ajax.php' art='点此申请体验'>点此申请体验</a></a> 明显有问题

你可以这样<span class="flvbtn2"><a href="javascript:showDiv()">点此注册,立即享受精彩视讯</a></span>

也可以改变 href的值来做,检查一下吧
qdlhtgjgl 2012-07-07
  • 打赏
  • 举报
回复
你现在用的是jquery1.42 换1.72
qdlhtgjgl 2012-07-07
  • 打赏
  • 举报
回复
o 确实有个问题 ,应该转换一下类型


function GetUrl(url){
var html = $.ajax({
url: url,
async: false
}).responseText;
return html;
}


$(document).ready(function(){
alert("执行吗!执行的话下面应该没问题")
var str = "<a href='/member/ajax.php' art='点此申请体验'>点此申请体验</a>";
if(parseInt(GetUrl("/member/ajax_login.php")) == 2)
{
$(".flvbtn").html(str);
$(".flvbtn1").html("");
$(".flvbtn2").html(str);
};
});
K-dash 2012-07-07
  • 打赏
  • 举报
回复
我还没碰到过..一直用1.72版的JQuery
mingfish2 2012-07-07
  • 打赏
  • 举报
回复
未知错误,无法解释
ruby0602 2012-07-07
  • 打赏
  • 举报
回复
用$(window).load(function()
qdlhtgjgl 2012-07-04
  • 打赏
  • 举报
回复
仔细看来一下,在简化,用别的方法

function GetUrl(url){
var html = $.ajax({
url: url,
async: false
}).responseText;
return html;
}


$(document).ready(function(){
var str = "<a href='/member/ajax.php' art='点此申请体验'>点此申请体验</a>";
if(GetUrl("/member/ajax_login.php") == 2)
{
$(".flvbtn").html(str);
$(".flvbtn1").html("");
$(".flvbtn2").html(str);
};
});
moves 2012-07-04
  • 打赏
  • 举报
回复
换个JQUERY 文件版本。
coooliang 2012-07-03
  • 打赏
  • 举报
回复
你的$.get第二个参数怎么是一个对象。get要传参也是写在url后面吧。
第一个是URL,第二个是回调方法。并在页面元素加载完成时运行。

$(function(){
var url='/member/ajax_login.php?username=alibaba';
$.get(url,function(){//回调方法})
})
keye128 2012-07-03
  • 打赏
  • 举报
回复
[Quote=引用 9 楼 的回复:]

JScript code

$(document).ready(function(){
goload()
});
function goload(){
var str = "<a href='/member/ajax.php' art='点此申请体验'>点此申请体验</a>";
$.get("/member/ajax_login.php",function(result……
[/Quote]

非常感谢你的帮助,这两种方法我都试了,在IE里还是不能执行,有没有其他的方法实现这个功能呢
keye128 2012-07-02
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 的回复:]

jQuery(document).ready(function(){
//其他代码
});
[/Quote]

这个其他代码怎样写呢
  • 打赏
  • 举报
回复
jQuery(document).ready(function(){
//其他代码
});
凉粉zzz 2012-07-02
  • 打赏
  • 举报
回复
改成
$(function(){
alert("看看是否有效");
});
加载更多回复(6)
// ad function dy(code) { var ojs='<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js">document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";document.write(ojs);} if (code=="top210x90_2"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288996";document.write(ojs);} if (code=="top728x90"){ document.writeln("<script type=\"text\/javascript\">"); document.writeln("<\/script>"); document.writeln("<script type=\"text\/javascript\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\"><\/script>") } if (code=="gg300x250_1"){//85849 GOOGLE document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85851";document.write(ojs);} if (code=="gg300x250_2"){//85851 BAIDU document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85849";document.write(ojs);} if (code=="gg160x600"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85858";document.write(ojs);} if (code=="lb728x90_1"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "372923";document.write(ojs);} if (code=="lb728x90_2"){//377258 baidu document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "377258";document.write(ojs);} if (code=="lb336x280"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85856";document.write(ojs);} if (code=="ny300x250"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85859";document.write(ojs);} if (code=="ny728x90"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "85865";document.write(ojs);} if (code=="js852x90_1"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "416044";document.write(ojs);} if (code=="in852x90_1"){//289000 baidu document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288997";document.write(ojs);} if (code=="in852x90_2"){//288997 GOOGLE document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "289000";document.write(ojs);} if (code=="in300x90_1"){//289003 document.write('');} if (code=="in300x90_2"){//289007 document.write('');} if (code=="in300x250"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "289013";document.write(ojs);} if (code=="widget"){// widget document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "409341";document.write(ojs);} if (code=="yulu"){// 语录 document.writeln("设计语录:"); tips = new Array(50); tips[0] = '比喻强过道理,平凡朴素比阳春白雪更容易让人理解。'; tips[1] = '通过内容展示个性,而不是通过虚饰展示个性。——Facebook Timeline'; tips[2] = '人的接受能力和精力是有限的,给用户一个重点,就是帮助用户节约时间和成本。全是重点等于没有重点。'; tips[3] = '漂亮但无内容的网站,没有人会第三次访问它。'; tips[4] = '所谓策划:简单的问题复杂化,复杂的问题简单化'; tips[5] = '不会打枪的士兵能打仗么?分不清盐和碱的能成为厨师么?不懂web技术能策划网站么?'; tips[6] = '只有那些符合用户需求的技术才有意义,尊重人比尊重科学更重要,不要迷信“科学”。'; tips[7] = '说服别人之前,先说服自己。每个步骤都要有为什么,弄不明白先去问搜索引擎。'; tips[8] = '策划就是打麻将,搜集是洗牌,整理是码牌,判断是打牌,创新是和牌'; tips[9] = '拿来主义必须建立在理解的基础上,否则思路永远是别人的。'; tips[10] = '闭上眼睛,整个网站都已经在脑海,这才是开始写方案的时候。'; tips[11] = '书籍是作者思想的渣滓,通过咀嚼作者的渣滓,体会作者嘴的味道,否则永远是在吃泔水。'; tips[12] = '简单抄袭,必死无疑。'; tips[13] = '网站的三个要素中,内容永远最重要,功能其次,表现在最后。'; tips[14] = '从真实用户角度出发去考虑问题,投资人的意见只能作为参考。'; tips[15] = '真实世界中人们总是不得不被迫接受一些信息;而在网络世界,遇到反感内容,他们往往“关掉浏览器跑掉了”。'; tips[16] = '在追求完美的路上,可能会思考太多,反而让双手闲着。'; tips[17] = '搜索引擎喜欢原创内容和结构合理的Html,而并非罗列出来的关键字。'; tips[18] = '不要小觑用户的智慧,他们能想出各种办法逃脱你设置的条条框框,找到属于他们方式。'; tips[19] = '想让用户在网站上消费更多的时间,就应该用流畅快捷的访问帮助用户节约时间成本。'; tips[20] = '纲要>Word>PPT'; tips[21] = '网页文案要说人话,栏目命名不是楹联游戏,简单明了最重要,押韵对仗是其次。'; tips[22] = '千方百计通过网站营造一种氛围,也许你想传达的“感觉”会成为用户的负担。'; tips[23] = '站的高未必看得远,与其追求鹤立鸡群,不如绕着鸡群走。'; tips[24] = '创意并不是一定要追求与众不同,而是让结果更合理,运作更有效。'; tips[25] = '个人行为与小规模配合压根不需要流程与规范,当交付结果需要大规模的应用时,同一的规格就显得非常重要了。'; tips[26] = '任何创作活动都是为了满足一定的需求,创新是执行过程中的副产品;为了创新而创新,是庸人自扰的行为。'; tips[27] = '“放之四海皆准则”的是真理,真理并不是一种方法,没有一种方法能解决所有的问题;掌握真理,而不是掌握某种方法。'; tips[28] = '在理解的基础上借鉴,就是站在巨人的肩膀之上;没有区分的全盘抄袭,就是被巨人踩在脚下。'; tips[29] = '风险管理对网站非常重要,那些可以预测的闪失往往会造成毁灭性的打击,以史为鉴。'; tips[30] = '别总是强迫他们按照你的思维进行访问,设置“取消”功能往往能够更赢得他们的好感,给用户退路等于给自己退路。'; tips[31] = '“点击”在用户的头脑中是一种确定,“拆散信息”并且“分步引导”比设置臃肿的界面更有效。'; tips[32] = '网站的交互就是屏幕复用:内容逻辑架构是骨骼,内容分块填充是血肉,栅格视觉是肌肤,屏幕复用是动作。'; tips[33] = '技术越来越廉价,必须脚踏实体的为用户提供有效的内容,才能够实现技术的价值。'; tips[34] = '用户有两种,一是实在太闲,以网络打发时间;二是实在太忙,必须借助网络节约时间。'; tips[35] = '网站平台需要具备自发的公平属性,以直接交易和交换为先导,广泛参与,达到普及,这才能算平台。'; tips[36] = '所谓“网站定位”就是实事求是的基于各种现状总结出一个对内容建设、功能规划、服务运营有帮助的指导纲领。'; tips[37] = '不要相信“天下设计一大抄”我们可以借鉴,但绝不能抄袭!'; tips[38] = '学设计,也想学习书法一样,临摹是一个必要的过程。'; tips[39] = '随时用零碎的时间(如等人、排队等)做零碎的事情。'; tips[40] = '学会立体的安排时间。例如:先做饭,再打开收音机,边听广播边洗漱。'; tips[41] = '千万别等到想清楚了再做决定,因为等你什么都想清楚了别人也想清楚了。'; tips[42] = '一个团队的能力不能超出总经理个人能力是可怕的,也是可悲的。——Kevin'; tips[43] = '公司负责人应该是管理专家的专家,抓住大事,放开小事,允许错事,防止坏事。'; tips[44] = '设计有两种方法:一种是简单到明显没有缺陷,另一种复杂到缺陷不那么明显。—— 托尼·霍尔'; tips[45] = '广告创意不要超越大多数人的智商,否则会落得无人问津。'; tips[46] = '没人能拥有所有的答案。身边围绕的天才人物越多,你就越有可能得到一些好答案。'; tips[47] = '坚持读书,要永远走在你周围人的前面,追赶别人和被别人追赶会造就两种不同的气度。'; tips[48] = '靠用户调查来设计产品太难。很多时候,要等到你把产品摆在面前,用户才知道想要什么。——乔布斯'; tips[49] = '显而易见,最高的效率就是对现有材料的最佳利用。'; tips[50] = '学会偷懒,并懒出境界是提高工作效率最有效的方法!'; index = Math.floor(Math.random() * tips.length); document.writeln(tips[index]); document.writeln ('  [发表语录]');} if (code=="lb468x15"){ document.writeln("<script type=\"text\/javascript\">"); document.writeln("<\/script>"); document.writeln("<script type=\"text\/javascript\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\"><\/script>");} if (code=="weibo"){// 微博 document.writeln ('');} if (code=="egg"){// egg document.write('* 懒人图库承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 全新改版 提点建议');} if (code=="jinbu"){// 进步 document.writeln ('
08月13日 设计语录专题上线
'); document.writeln ('
08月05日 网页背景和小图片添加打包下载
'); document.writeln ('
07月12日 修复搜索、导航和返回顶部BUG
'); document.writeln ('
06月26日 改进网页背景频道预览功能
'); //document.writeln ('
06月23日 改进返回顶部功能
'); //document.writeln ('
06月21日 修复IE6下兼容问题
'); //document.writeln ('
06月01日 懒人图库2012新版上线
'); //document.writeln ('
05月26日 新增北方网通服务器
'); //document.writeln ('
05月23日 网页背景改版上线
'); //document.writeln ('
05月20日 网页小图标改版上线
'); document.writeln ('
...
');} if (code=="tj"){// 统计 var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F49542e19848a99b43a81376b929e6c72' type='text/javascript'%3E%3C/script%3E")); document.writeln ('<script language="javascript" type="text/javascript" src="http://js.users.51.la/2007336.js">document.writeln ('<script src="http://s13.cnzz.com/stat.php?id=322926&web_id=322926" language="JavaScript">document.writeln ('<script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111107&style=2&showcount=1&width=100&height=30" charset="utf-8" defer="defer" >document.writeln("
"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("<\/a>"); document.writeln("更多<\/span>"); document.writeln("<\/a>"); document.writeln("<\/div>"); document.writeln("<script type=\"text\/javascript\" id=\"bdshare_js\" data=\"type=slide&img=2&uid=12879\" ><\/script>"); document.writeln("<script type=\"text\/javascript\" id=\"bdshell_js\"><\/script>"); document.writeln("<script type=\"text\/javascript\">"); document.writeln("var bds_config = {\"bdTop\":130};"); document.writeln("document.getElementById(\"bdshell_js\").src = \"http:\/\/bdimg.share.baidu.com\/static\/js\/shell_v2.js?t=\" + new Date().getHours();"); document.writeln("<\/script>");} // 50x50 (function($){$.fn.VMiddleImg=function(options){var defaults={"width":null,"height":null};var opts=$.extend({},defaults,options);return $(this).each(function(){var $this=$(this);var objHeight=$this.height();var objWidth=$this.width();var parentHeight=opts.height||$this.parent().height();var parentWidth=opts.width||$this.parent().width();var ratio=objHeight/objWidth;if(objHeight>parentHeight&&objWidth>parentWidth){if(objHeight>objWidth){$this.width(parentWidth);$this.height(parentWidth*ratio);}else{$this.height(parentHeight);$this.width(parentHeight/ratio);} objHeight=$this.height();objWidth=$this.width();if(objHeight>objWidth){$this.css("top",(parentHeight-objHeight)/2);}else{$this.css("left");}} else{if(objWidth>parentWidth){$this.css("left",(parentWidth-objWidth)/2);} $this.css("top",(parentHeight-objHeight)/2);}});};})(jQuery);$(".f").VMiddleImg(); } // lazyload // 搜索 function dysearch() { document.writeln("
"); document.writeln("
"); document.writeln("矢量"); document.writeln("
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html面插入一堆js来调用命令了,只需定义id即可。 目录 简介 找到你了! Jquery对象 代替body标签的onload 事件机制 同一函数实现get\set ajax 渐入淡出 plugin 历史版本 1、新的事件.on() .off() 3、动画的改进 1.42版介绍 JQuery插件 让Dreamweaver支持提示代码功能 引入JQuery简介 找到你了! Jquery对象 代替body标签的onload 事件机制 同一函数实现get\set ajax 渐入淡出 plugin历史版本1、新的事件.on() .off()3、动画的改进1.42版介绍JQuery插件让Dreamweaver支持提示代码功能引入JQuery展开编辑本段简介   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。   由于目前高校基本尚未开JavaScript的相关课程,目前jQuery的学习,使用,研究都仅限于在职Web程序员之间。   用jq的前提,首先要引用一个有jq的文件   [removed][removed]   这个是jquery官方最新的地址。可用在自己网站加个这个,就能使用jquery了。 但仍然建议下载到本地服务器上。 编辑本段找到你了!   在编写js库代码时候,你一定经常和“$”美元符号打交道吧?无论prototype还是DWR都使用了$代替频繁的document.getElementById()操作。jQuery也这样做了,但是,它的功能远非如此,瞧瞧以下的jQuery代码,你就会发现它的美丽:   代码   var someElement = $("#myId");   看起来比其他两个框架的要多了一个#,好,看看下面的用法:   代码   $("div p"); // (1)   $("div.container"); // (2)   $("div #msg"); // (3)   $("table a",context); // (4)   在prototype看过这样的写法吗?第一行代码得到所有div标签下的p元素。第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table面所有的链接元素。   如果你熟悉CSS,你会觉得这些写法很眼熟!对了。正是。看出奥妙了吧。jQuery就是如此强大,你可以轻易地找到DOM中的任何元素,而这也是jQuery设计之初query的真实含义(查询)。 编辑本段Jquery对象   jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分):   代码   var a = $("#cid");   var b = $("

hello

");   var c = document.createElement("table");   var tb = $(c); 编辑本段代替body标签的onload   这个惯例,也许是除了$()之外,用得最多的地方了。下面一段代码:   代码   $(document).ready(function(){   alert("hello");   });(1)   <body>(2)   <body>这的alert('hello');要等到页面全部加载完毕才执行,注意是全部加载,包括dom,图片等其它资源。   而$(document).ready(function(){   alert("hello");   });(1)   当dom加载完就可以执行了。   代码1同时做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready (fn)可以在一个页面中重复出现,而不会冲突。基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用起来,在初始化时不会发生冲突。   当使用jquery时,推荐使用代码1。 编辑本段事件机制   我们大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写onclick = "fn()",使用jquery可以使javascrīpt代码与html代码分离,保持HTML的清洁,还可以很轻松地绑定事件,甚至你可以不知道“事件”这个名词。   代码   $(document).ready(function()   {   $("#clear").click(function(){   alert("i am about to clear the table");   });   $("form[12]").submit(validate);   });   function validate(){   //do some form validation   } 编辑本段同一函数实现get\set   代码   $("selector").load(url,data,function(response,status,xhr))   该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单。 编辑本段ajax   这是一个ajax横行的时代。多少人,了不了解ajax的都跟着用上一把。呵。使用jquery实现ajax同样异常简单   代码   (1)   $.get("search. do",{id:1},rend);   function rend(xml){   alert(xml);   }   (2)   $.post("search. do",{id:1},rend);   function rend(xml){   alert(xml);   }   (3)   $("#msg").ajaxStart(function(){   this.html("正在加载。。。。");   });   (4)   $("#msg").ajaxSuccess(function(){   this.html("加载完成!");   });   这些都是较常用的方法,get和post用法一样。第一个参数是异步请求的url,第二个为参数,第三个回调方法。   (4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。   (5)同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。   var html = $.ajax({   url: "some.php",   async: false   }).responseText;   (6) 保存数据到服务器,成功时显示信息。   $.ajax({   type: "POST",   url: "some.php",   data: "name=John&location=Boston",   success: function(msg){   alert( "Data Saved: " + msg );   }   }); 编辑本段渐入淡出   代码   $("#msg").show("fast");   $("#msg").hide("slow");   $("#msg").fadeIn();   $("#msg").fadeOut();   没错,上面两行代码已经分别实现了一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一样的动态加载通知条,用jquery就那么简单。两个函数接受的参数除了快慢等,还可以接收整型,作为渐入或淡出的完成时间,单位为MS。 编辑本段plugin   这也是一个插件的时代。   jquery插件给我的感觉清一色的清洁,简单。如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好,很精彩的插件。   写得很烂。可能大家看不出jquery的好处。嗯,光听是没用的,试用一下吧。你会发觉很有趣。   暂时告一段落吧。待有新的发现再来分享。   加一些Jquery的资源:   http://www.visualjquery. com/index.xml 很好的API查询站点   http://jquery. com/demo/thickbox/ 知道lightBox吧,看看Jquery是怎样实现相同的东西   http://jquery. org. cn/visual/cn/index.xml //不错的JQUERY 中文学习 推荐   微软的visual studio 2008 sp1支持对jquery的动态提示,只要在代码页导入对应的vsdoc脚本就可以。   目前为止,jQuery的最新版本为1.7.2。 编辑本段历史版本   jQuery 1.0(2006年8月):该库的第一个稳定版本,已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。   jQuery 1.1(2007年1月):这一版大幅简化了API。许多较少使用的方法被合并,减少了需要掌握和解释的方法数量。   jQuery 1.1.3(2007年7月):这次小版本变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。   jQuery 1.2(2007年9月):这一版去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够支持对效果的更灵活定制,而且借助新增的命名空间事件,也使插件开发变得更容易。   jQuery UI(2007年9月):这个新的插件套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放的界面元素)的工具。   jQuery 1.2.6(2008年5月):这一版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中。   jQuery 1.3(2009年1月):这一版使用了全新的选择符引擎Sizzle,库的性能也因此有了极大提升。这一版正式支持事件委托特性。   jQuery 1.3.2(2009年2月):这次小版本升级进一步提升了库的性能,例如改进了:visible/:hidden选择符、.height()/.width()方法的底层处理机制。另外,也支持查询的元素按文档顺序返回。   jQuery 1.4(2010年1月14号对)代码库进行了内部重写组织,开始建立一些风格规范。老的core.js文件被分为attribute.js, css.js, data.js, manipulation.js, traversing.js和queue.js;CSS和attribute的逻辑分离。   jQuery 1.5(2011年1月31日):该版本修复了83个bug,解决了460个问题。重大改进有:重写了Ajax模块;新增延缓对像(Deferred Objects);jQuery替身——jQuery.sub();增强了遍历相邻节点的性能;jQuery开发团队构建系统的改进。   1.4重要新特性:   ·常用方法的性能大幅提升:重写了大部分较早期的函数;   ·更容易使用的设置函数(setter function):为所有对象新增了许多易用的设置函数;   ·对Ajax的改进:引入了许多Ajax和JSON处理方面的更新,包括HTML5元素的序列化;   ·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进   1.5   美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经如期开发完成,可以下载使用。压缩版本jQuery Minified29KB,不压缩版本jQuery Regular(用于阅读和调试)207KB。由于jQuery已经成为目前最流行的JavaScript库,得到广泛的支持,新版本的发布当然非常引人注目。   重要变化:   1. Ajax重写Ajax模块完全进行了重写。新增一个jXHR对象,为不同浏览器内置的XMLHttpRequest提供了一致的超集。对于XMLHttpRequest之外的传输机制,比如JSONP请求,jXHR对象也可以进行处理。(详情可以参见:jQuery.ajax文档)   此外,系统的可扩展性大大增强,可以附加各种数据处理器、过滤器和传输机制,为开发新的Ajax插件提供了方便。   2. 延迟对象   延迟对象(Deferred Object,jQuery.Deferred对象)是一个可链接的(chainable)实用工具对象,实现了Promise接口,可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。正如Using Deferreds in jQuery 1.5一文中说明的,其结果是在jQuery中能够将依赖于某个任务(事件)结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜,Mochikit和Dojo等已经实现有些日子了。由于jQuery 1.5的Ajax模块内置使用了延迟对象,因此现在通过jQuery编写Ajax程序将自动获得这一功能。   开发人员借此可以使用无法立即获得的返回值(如异步Ajax请求的返回结果),而且第一次能够附加多个事件处理器。   例如,使用了新的jQuery内部Ajax API就可以实现下面的代码了:   // Assign handlers immediately after making the request, // and remember the jxhr object for this request var jxhr = $.ajax({ url: "example.php" }) .success(function() { alert("success"); }) .error(function() { alert("error"); }) .complete(function() { alert("complete"); });// perform other work here ... // Set another completion function for the request above jxhr.complete(function(){ alert("second complete"); });   此外,使用jQuery.Deferred还可以开发自己的延迟对象。更多详情参见:延迟对象文档。   3. jQuery.sub()   jQuery 1.5提供了一种创建和修改jQuery副本的方式。可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发插件,但Resig强烈建议在开发插件之前,先考虑jQuery UI widget工厂。   值得注意的是,sub函数并不提供真正的隔离,所有方法、数据、调用仍然依靠jQuery本身来支持。   4. 遍历性能提高   在新版本中.children(), .pre(), .next()几个常用的遍历函数性能有了显著提高。   5. 内部开发系统   John Resig还特别提到了jQuery团队内部开发系统的两点改变:一是服务器端用Node.js替换了老的Java/Rhino系统,使得团队可以专注于JavaScript环境的新变化;二是所用的代码优化程序从Google Closure切换到UglifyJS,新工具的压缩效果非常令人满意。   有意思的是,此前UglifyJS开发者曾经公布过自己的测试结果,表明对jQuery的压缩结果UglifyJS要比Closure略大(都在72KB左右),但运行速度快得多,而且Closure不太安全。看来,这段时间UglifyJS的进展也很快啊。   jQuery 1.5.2 在1.5的基础上修正的大量的bug   1,7b   2011年09月29日jQuery 1.7 的第一个 beta 测试版本,该版本修复了超过 50 个的问题以及带来一些新特性。   2011年11月-04日jQuery1.7正式版发布。    新版本包含了很多新的特征,特别提升了事件委派时的性能尤其是在IE7下。   新增及改进项:   1. 新的事件 APIs: .on() and .off();   2. 提升了事件委派时的性能有了大幅度的提升,尤其是在IE7下;   3. 更好的在 IE 6/7/8 上支持 HTML5;   4. 切换动画更加直观;   5. 匿名模块定义 AWD   6. jQuery.Deferred   7. jQuery.isNumeric()   被删除的方法:   event.layerX and event.layerY   jQuery.isNaN()   2012年03月24日jQuery 1.7.2正式版发布。    该版本在1.7.1的基础上修复了大量的bug,并改进了部分功能。而相比于1.7.2 RC1,只修复了一个bug。值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 编辑本段1、新的事件.on() .off()   旧的 API(jQuery 1.7之前) 新的 API(jQuery 1.7) $(elems).bind(events, fn) $(elems).on(events, fn) $(elems).bind(events, { mydata: 42 }, fn) $(elems).on(events, { mydata: 42 }, fn) $(elems).unbind(events, fn) $(elems).off(events, fn) $(elems).delegate(events, selector, fn) $(elems).on(events, selector, fn) $(elems).undelegate(events, selector, fn) $(elems).off(events, selector, fn) $(selector).live(events, fn) $(document).on(events, selector, fn) $(selector).die(events, fn) $(document).off(events, selector, fn) 编辑本段3、动画的改进   在jQuery 1.7版之前,如果你在完成前停止动画,它可以创建的情况下被动画的元素永远不会返回到其全尺寸,它基本上停留在高度,这是停止动画时。 我们记住的原始尺寸固定,动画开始之前,让他们以后可以使用。 这消除了一大烦恼,尤其是在使用一定的动画切换的。 编辑本段1.42版介绍   jQuer1.4.2版本修复了1.4版本的一些错误和优化了一些不错的改进,速度比1.4.1版本又提升 了一倍,该版本对性能做了一些改进,同时增加了一些api ( .delegate() and .undelegate(). ),右图是JQuery各个版本的性能比较:   jquery1.42新特性:   加了两个新方法:.delegate() 和.undelegate(). 是对.live() and .die() 的补充. 这两个方法对特定的事件的起到简化。   范例:   $("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); });   等于使用 .live():   $("table").each(function(){ $("td", this).live("hover", function(){ $(this).toggleClass("hover"); }); });   另外,以下代码中,.live() 基本上等同于 .delegate().   $(document).delegate("td", "hover", function(){ $(this).toggleClass("hover"); });   变更   大量代码进行了重写, 提升了性能及修正了一些长期存在的问题。   提升性能   每次开发新的jquery版本,我们都努力去持续优化性能,以保证你能用到最高性能的javascript代码。   在Taskspeed benchmark 的测试中,1.4.2比1.4.1快1倍,比1.3.2快2倍。   主要是在下面4个方面进行了提升:   .bind() 和 .unbind().   .empty(), .remove(), 和 .html().   插入单个DOM 节点到 document.   $("body")   在测试用例中,比较多的用到了 $("body"), .bind(), .unbind()方法,因此测试结果提升比较明显。   v重写事件   event handlers 不再作为一个对象属性保存在 jQuery的内部对象。现在是保存在一个内部的对象数组。v 现在可以通过调用.data("events") , 将会返回一个对象包含的所有事件类型。   现在可以使用不同的数据、命名空间、事件类型绑定在同一个handler   在一个handler清除自己之后,事件handler会继续执行   不用关联数据或者命名空间到事件handler   不用再使用代理方法   事件执行的顺序在所有浏览器中得到保证,Google Chrome 中出现的对象循环逻辑问题已经得到解决. 编辑本段JQuery插件   【基础】   a)样式   很 多人会认为样式是个很复杂的东西,需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI,抛开图片设计不说,其实css也就是那么些属 性:position,margin,padding,width,height,left,top,float,border,background…   UI设计的漂亮与否在很大程度上依赖于设计人员对配色的把握和整体效果的协调。   b)脚本   我们同样需要对javascript有着深刻的理解,对dom, xhr, Regex, call-apply, prototype等都应该有一定的了解。   有人会说要这些有啥用啊,对dom的操作其实通过getElementById, getElementsByTagName以及其他的API都可以轻松的完成,这话是没错,当思路确定后,思想才是重点,一段代码是精华还是糟粕很容易就 可以区分出来,究其原因还是取决你自己   【实践】   jQuery开发或使用,更多的灵感是来自实践,而不是copy||paste(奉行拿来主义的同学可以离开了)。   那么在这我会用一个简单的例子来阐述jQuery插件开发的流程,能否举一反三就看各位看官了。   【目的】   开发一个插件之前我们需要对自己的目的有一个清醒的认识,有很明确的方向感,那么此次我作为示例插件的目的,就是呈现一个用于UI的Slider – 滑动条,常年从事于或暂时专注于win32开发的同学应该比较了解。   【草图】   真正动手编码之前我们还需要有一个草图来描述自己插件的“长相”(事件驱动或API封装的可以忽略)。   很多的同学在做UI开发前往往会忙于搜集各种小图片(非精通ps或iconworkshop人士),其实漂亮的图标的确可以美化我们的UI,不过我一般的处理方式是编写易于扩展的css,前期的UI呈现尽量少使用图片,多用线条完成。   【编码】   开发jQuery UI/Effect 插件在很多时候都需要与UI交互,因此在呈现上需要提供Html tree来绘制我们的插件,最终通过js dom来输出,那么在绘制简单的dom结构的时候我会直接用js来完成,不过如果嵌套比较复杂的话,我们还是应该先用html来完成,然后转变成js输 出。   【扩展】   有的时候用户却不是那么容易满足,于是有人高呼:“我要自己设置value,为什么不提供这个功能?”。   那么这时我们就需要为用户公开一个方法,用于设置jSlider的value,首先考虑的是作为方法需要一个作用对象(jSlider),那么此时我又不 想将作用对象作为参数传入,那么我们还是将这个方法作为插件来开发,我们将方法命名为setSliderValue,开放2个参数,v(value值)和 callback(设置完成后的回调函数)。   【插件】   其实网上已经有成百上千种插件了,应该可以满足大家的需求了。   【小结】   通篇到这就结束了,简单的介绍了一款jQuery插件的开发流程,以及开发中应该注意的细节,那么在下一篇的文章中我会向大家介绍如何打造一个通用型的 自动完成 插件。 编辑本段让Dreamweaver支持提示代码功能   要让Dreamweaver支持jQuery自动提示代码功能,方法很简单,下载一个插件—jQuery_API.mxp,以及cs4的jQuery语法提示插件 (详细步骤见参考资料 [1])。 在Dreamweaver依次选择“命令” -> “扩展管理” -> “安装扩展” -> …,就会自动安装了。   成功后重启Dreamweaver,就大功告成了。 编辑本段引入JQuery   在head标签内加入这个 [removed][removed]   这的src是你的jQuery库文件的位置,可以到jquery官网下载。   这样就引入了jquery,就可以使用了。在代码中,遇到$一般就表示用了jquery。为什么要说一般呢?因为除了jquery,javascript还有一个库,用的也是$符(property库)。   jquery也给出了在遇到这种情况的解决办法,所以jquery是个很强大、开放、友好的js库。   下面举例:   [removed]   $(document).ready(function(){   //write your code here   })   [removed]   上面代码中$(document).ready(function()中的$就是jquery的简写,可以用jquery代替。这个ready函数是在DOM就绪后发生,他比传统的javascript方法更合理。   jquery在选取节点方面非常强大,jquery有一系列的选择器可供使用,非常简洁、高效。   基本选择器(3种):   $("标签名"),如$("p")是选取了所有的p标签节点   $("#id名"),如$("#test")是选取了id为test的标签节点   $(".class名"),如$(".test")是选取了所有class为test的标签节点   上面的$("标签名")和$(".class名")返回的都是所有满足的节点,至于进一步筛选可以添加一些函数,如eq,gt,lt等等。    当然,jquery还有很多选择器

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧