Google提供的jquery包:

http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

jQuery官方的jquery包:

http://code.jquery.com/jquery-1.6.min.js

区别如下:

1 定位元素

JS 
  document.getElementById("abc") 
jQuery 

  $(".abc")   通过class定位 
  $("div")     通过标签定位
  $("#id")     通过id定位

  需要注意的是JS返回的结果是这个元素,jQuery返回的结果是一个JS的对象。以下例子中假设已经定位了元素abc。

2 改变元素的内容

JS 
  abc.innerHTML = "test"; 
jQuery 
  abc.html("test");

3 显示隐藏元素 
JS 
  abc.style.display = "none"; 
  abc.style.display = "block"; 
jQuery 
  abc.hide(); 
  abc.show();  

  abc.toggle();   //在显示和隐藏之间切换(2012.4.21更新)

4 获得焦点 
  
JS和jQuery是一样的,都是abc.focus(); 

5 为表单赋值 
JS 
  abc.value = "test"; 
jQuery 
  abc.val("test");

6 获得表单的值 
JS 
  alert(abc.value); 
jQuery 
  alert(abc.val());

7 设置元素不可用 
JS 
  abc.disabled = true; 
jQuery 
  abc.attr("disabled", true);    不可用

  abc.removeAttr("disabled");     恢复可用

8 修改元素样式
JS

  abc.style.fontSize=size;
jQuery
  abc.css('font-size', 20);

9 修改元素class

JS
  abc.className="test";
JQuery
  abc.removeClass(); 
  abc.addClass("test");

10 Ajax
JS

  自己创建对象,还得处理浏览器兼容的等问题。
jQuery
  $.get("abc.php?a=1&b=2", recall);

  postvalue = "a=b&c=d&abc=123";
  function recall(result) {
    alert(result);
    //如果返回的是json,则如下处理
    //result = eval('(' + result + ')'); 
    //alert(result);
  }
  $.post("abc.php", postvalue, recall);

11 判断复选框是否选中
jQuery

  if(abc.attr("checked") == "checked")
  注意:.attr("checked") == true实际上不能用

12 跨域访问
JS
 方式1:
  createXMLHTTPRequext();
  xmlhttp.Open("get", "http://localhost/example.htm", false);xmlhttp.Send(xmldoc);
 方式2:
  <script type="text/javascript" src="http://remoteserver.com/remote.js"></script>
 方式3:
  $.get(url,{params:str },function(data,status){})
  .fail(function() {})
  .always(function() {});
jQuery
 方式1:
  $.ajax({  
    type: 'POST',    
    url: url ,     
    data: data ,     
    dataType: dataType,   
    success: success
  });
 方式2:
  $.ajax({   
    type: "get",   
    async: false,   
    url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",   
    dataType: "jsonp",   
    jsonp: "callback",        //传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)   
    jsonpCallback:"flightHandler",  //自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据  
    success: function(json){ },  
    error: function(){}
  });

JQuery 和JavaScript的区别的更多相关文章

  1. jquery和javascript的区别(常用方法比较)

    jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单.人家怎么说的来着,jquery就是要用更少的代码,漂亮的完成更多的功能.JavaScript 与JQu ...

  2. jquery和javascript的区别

    jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单,为了说明区别,下面与大家分享下JavaScript 与JQuery 常用方法比较 jquery 就对j ...

  3. 2018-08-26 jQuery与javaScript的区别及核心方法

    1.jq对象就是js new Object 生成的普通对象. 2.jq对象与js对象,他们的方法不能共用! 3.jq对象与js对象的相互转化: js对象转jq对象 -> $(js_obj);// ...

  4. jQuery页面加载完毕事件及jQuery与JavaScript的比较

    1.jQuery概述 jQuery是一个JavaScript库,它集成了JavaScript.DOM.CSS和Ajax,简化了JavaScript编程,提倡write less, do more. 2 ...

  5. JQuery笔记:JQuery和JavaScript的联系与区别

    来源:http://www.ido321.com/1019.html ps:LZ觉得这个标题有点大了,超出了能力范围,不喜勿碰.目前只记录LZ能力范围内的,日后持续补充. 一.JQuery对象和DOM ...

  6. 【Python全栈-JavaScript】JavaScript的window.onload()与jQuery 的ready()的区别

    JavaScript的window.onload()与jQuery 的ready()的区别 做web开发时常用Jquery中$(document).ready()和JavaScript中的window ...

  7. jQuery.extend和jQuery.fn.extend的区别【转】

    解释的很有意思,清晰明了又有趣,转来分享下,哈哈哈 jQuery.extend和jQuery.fn.extend的区别,其实从这两个办法本身也就可以看出来.很多地方说的也不详细.这里详细说说之间的区别 ...

  8. JQUERY与JS的区别

    JQUERY与JS的区别 <style type="text/css"> #aa { width:200px; height:200px; } </style&g ...

  9. jquery deferred done then区别

    jquery deferred done then区别 deferred是jquery 对promise的实现. 以下内容基于jquery 1.8及以上版本 deferred具有then done等属 ...

随机推荐

  1. JavaScript面试题收集(一)

    简述javascript中的“=.==.===”的区别? 答:=赋值 ==比较是否一般相等   "3"==3 //会做类型的隐式转换,true ===比较是否严格相等 " ...

  2. Codeforces Round #369(div 2)

    A:=w= B:=w= C:题意:有一排树,有的树已经上色,有的树没有上色,只能给没上色的树上色,一共m种颜色,不同的树上不同的色花费不同,涂完色后,连续颜色的树成为一段.对于给定的段数k,求出最小花 ...

  3. java泛型中的对象

    import java.util.HashMap; class Key { String s; Key(String s) { this.s = new String(s); } @Override ...

  4. hdu1754 I hate it线段树模板 区间最值查询

    题目链接:这道题是线段树,树状数组最基础的问题 两种分类方式:按照更新对象和查询对象 单点更新,区间查询; 区间更新,单点查询; 按照整体维护的对象: 维护前缀和; 维护区间最值. 线段树模板代码 # ...

  5. memcached安装配置

    简述: memcached,开源的分布式缓存数据系统.高性能的NOSQL . Linux 一.环境配置与安装 01.编译准备环境 yum install -y gcc make cmake autoc ...

  6. iOS -- 神战

    http://github.ibireme.com/github/list/ios/# https://github.com/Tim9Liu9/TimLiu-iOS http://www.ios122 ...

  7. Oracle中可以nologging执行的操作

    redo重做日志是Oracle数据库恢复(recovery)的基础:但在很多情况下可以通过禁用重做日志的产生来加速SQL语句的完成,也就是我们所说的可nologging化的操作,这些操作大多是或串行的 ...

  8. 在Eclipse中生成接口的JUnit测试类

    在Spring相关应用中,我们经常使用“接口” + “实现类” 的形式,为了方便,使用Eclipse自动生成Junit测试类. 1. 类名-new-Other-java-Junit-Junit Tes ...

  9. C++中函数的默认参数和C语言中volatile的学习

    1.函数默认参数 1 int func(int a,int b=10) 2 { 3 return a*b; 4 } 5 6 int main() 7 { 8 int c=func(2); 9 cout ...

  10. elasticsearch中如何高效的使用filter

    这里有一篇很好的文章,很不错,翻译和整理了一下,英文不错的,建议直接看原文:http://euphonious-intuition.com/2013/05/all-about-elasticsearc ...