显示标签为“JQuery框架”的博文。显示所有博文
显示标签为“JQuery框架”的博文。显示所有博文

2009年4月22日星期三

在VS2008中让JQuery智能提示

在VS2008中让JQuery智能提示
JQuery不愧是一个非常优秀的框架,连微软的VS2008都专门为它提供智能提示了,看来势不可挡,我一直认为它将会成为跟.NET一样的优秀框架,只不过.NET真的C#语言,而JQuery真的JavaScript语言。网上有很多关于如何实现智能提示的文章,我本来是想网上找找,然后在我的这里总结发表,可是找了半天发现居然没有合适的,所以就自己写了。
第一步:下载JQuery和相应的提示VS版本(可以到这里来下载:http://csumath.blogspot.com/2009/04/jquery_21.html);
第二步:安装微软对VS2008的一个补丁VS90SP1-KB958502-x86(可以到这里来下载:http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736);
这里注意,如果你的VS2008没有安装sp1,那么还要先安装sp1(可以到这里下载:http://www.microsoft.com/downloads/details.aspx?FamilyID=27673C47-B3B5-4C67-BD99-84E525B5CE61&displaylang=zh-cn)
这样,你就可以轻松地进行JQuery开发了。

2009年4月21日星期二

JQuery下载,最新版本持续更新

JQuery是一个非常酷的JavaScript框架,极大地简化了JavaScript的操作,本人这段时间开始学习它,并且用它,现在把它当成了一个类似.NET框架的开发类库了,每一个项目我都需要引用到这个框架。
这篇日志我提供JQuery下载地址,并且持续更新,希望给各位带来方便:
1、JQuery下载地址(1.3.2版本——最新发布版本)
精简版本: http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js
完全版本:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.js
VS2008职能提示版本:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2-vsdoc2.js
2、JQuery下载地址(1.3版本)
精简版本: http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.min.js
完全版本:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.js
VS2008职能提示版本:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3-vsdoc.js
3、JQuery下载地址(1.2.6版本——这是现在用得最多的版本)
精简版本: http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.min.js
打包版本:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.pack.js
完全版本:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6.js
VS2008职能提示版本:http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.6-vsdoc.js

2009年4月14日星期二

一个使用JQuery来实现Ajax的例子

对JQuery的学习已经有一段时间了,最近做了一个Ajax的例子,因为环境原因,只能给出js部分,个人觉得这个Ajax的例子很有特点:包括了评论载入、添加评论、
//以动画形式展开/折叠评论内容
function zhankai(oDiv,othis)
{
//当前对象坐标
var offset=$(othis).offset();
var str=CreateTipDiv(offset.top,offset.left-200);
$("body").append(str);
//异步加载评论内容
$.ajax({
type: "POST",
url: "Services/CommentService.ashx",
dataType:"html",
data: "do=getlist&cAppContentId="+encodeURIComponent(oDiv),
success: function(commentInfo)
{
$("#ul_"+oDiv).html(commentInfo);
$("#loading").remove();
$("#"+oDiv).show("slow");

}
});

}
//折叠评论
function zhedie(id)
{
$("#" + id).hide("slow");
}
//创建加载评论提示层div
function CreateTipDiv(top,left)
{
return "
加载评论中,请稍等...
";
}
//提交评论
function SubmitComment(Id)
{
var commentInfo= $("#"+"ta_"+Id).html();
if(commentInfo.length==0)
{
alert("还没写东西哦!");
return false;
}
if(commentInfo.length>500)
{
alert("不好意思哦,我只能装500个字符!");
return false;
}
var userName=encodeURIComponent($("#hd_uname").val());
var uid=$("#hd_uid").val();
var newComment="
  • "+$("#hd_uname").val()+""+commentInfo+"
  • ";
    $.ajax({
    type: "POST",
    url: "Services/CommentService.ashx",
    //dataType:"json",
    data: "do=insert&uid="+uid+"&uname="+encodeURIComponent(userName)+"&cAppContentId="+encodeURIComponent(Id)+"&commentInfo="+encodeURIComponent(commentInfo),
    success: function(msg){
    var ulId="ul_"+Id;
    var whichStyle=$("#"+ulId+">li").length%2
    if(whichStyle==0)
    {
    $(newComment).appendTo("#"+ulId).effect("highlight", {color:"#ffff79"}, 2500) ;
    }
    else
    { //为偶数行,样式不同
    $(newComment).appendTo("#"+ulId).addClass("bg").effect("highlight", {color:"#ffff79"}, 2500) ;
    }
    var num =parseInt($("#pl_"+Id).text(),10)+1;
    $("#pl_"+Id).text(num);
    },
    error:function(ex)
    {
    alert(ex);
    }
    });
    }
    //根据新闻的ID获取评论数
    function GetCommentCountById(NewsId,oThis)
    {
    $.ajax({
    type: "POST",
    url: "Services/CommentService.ashx",
    data: "do=getcount&cAppContentId="+encodeURIComponent(NewsId),
    success: function(msg)
    {
    oThis.text(msg);
    }
    });
    }
    //页面加载完成后执行
    $(document).ready(
    function()
    {//循环,异步获取评论数
    $(".commentCount").each(
    function()
    {
    var NewsId=this.id.replace("pl_","");
    GetCommentCountById(NewsId,$(this));
    }

    );
    }
    );

    2009年4月10日星期五

    JQuery页面加载顺序

    JQuery页面加载顺序
      JQuery在页面加载顺序方面提供了更好更合理的操作,在JavaScript中,window.onload事件下的代码是必须在所有页面元素都加载完成之后才执行(注意:包括了图片和文件等),可是有的时候我们希望hmtl代码加载完成之后(即DOM加载完成之后)就执行某些代码,在JQuery里有这样的函数:
    $(document).ready(function(){
       alert("hello");
      });
    上面的代码在Dom结构被浏览器解析之后就可以执行了。当然也有其他人使用JavaScript来编写一些函数可以实现这样的功能,只不过JQuery更好。另外,使用这样的函数还有一个好处,就是可以基于同一个页面在加载结束之后执行多个脚本函数。

    2009年4月9日星期四

    JavaScript框架Jquery介绍

      想必很多人都知道JQuery框架了,现在有很多JavaScript的框架,但是真正非常优秀的框架还属JQuery,从微软在VS2008中专门为其提供只能提示这一侧面可以看得出来它的分量。 jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。  jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
      它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
      jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。
      jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
      jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
      Jquery是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby 罢了)但是jquery的简单的实用的确有相当大的吸引力啊!在项目里我把jquery作为自己唯一的框架类包。使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。
    下面是最为简单的JQuery的应用:
    告别代码重复的时代
      还记得$()这个东西吧?prototype还是DWR都使用了这个函数代替document.getElementById()。没错,jquery也跟风了。为达到document.getElementById()的目的,jquery是这样写的:var someElement = $("#myId").
      jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。
      jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
      jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。