jQuery和javascript的区别

      jQuery接近了尾声,加上一篇总结性的博客,这样就完美了嘛。

     来说说jQuery,写的更少,做的更多,核心理念。大家都说“有了jQuery,天天喝茶水”,这也算是站在巨人的肩膀上了吧 。就从一开始的B/S项目开始吧。当时牛老师带着我们一起做《牛腩新闻发布系统》的时候就已经提到了,当时的我们也是盲人摸象,到了现在还是要和原先一起知识进行对比,进行总结一下吧。

      首先来说说jQuery和javascript的区别吧,对比出效率,这一点也不差。首先要明白jQuery是最流行的javascript库。

       javascript的缺点,在不同的浏览器中处理的结果可能不同。安全问题,javascript由于在客户端运行,可能被黑客利用,在不同的浏览器中处理的结果可能不同。

       jQuery最大的好处就是少量的代码作更多的事情。看个例子  

       javascript代码:

document.getElementById(‘elementid').value  

       jQuery代码:

$(‘#elementid').val();  

      与javascript相比,jQuery的语法更加简单。通过jQuery,可以很容易浏览文档,选择元素,处理事件以及添加效果灯,同时还允许开发者定制插件。

       jQuery的优点:

       jQuery消除了javascript跨平台兼容问题,相比其他,jQuery更容易使用,jQuery有一个庞大的函数库,这点是我本人最喜欢的。

      什么事情都是有两面性的,jQuery的缺点,不是原声的javascript语言,理解起来会有些困难。万事开头难嘛。项目中需要包含jQuery库文件,如果包含多个版本的jQuery库,会发生冲突。

      后篇还会有一些相应的jQuery技术总结。待续。。。。。

时间: 2024-10-05 23:37:01

jQuery和javascript的区别的相关文章

jquery和javascript的区别(转载自脚本之家)

jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单,为了说明区别,下面与大家分享下JavaScript 与JQuery 常用方法比较 jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单.人家怎么说的来着,jquery就是要用更少的代码,漂亮的完成更多的功能.Javascript 与JQuery 常用方法比较 1.加载DOM区别 Javascript: window.onload function firs

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

1.jq对象就是js new Object 生成的普通对象. 2.jq对象与js对象,他们的方法不能共用! 3.jq对象与js对象的相互转化: js对象转jq对象 -> $(js_obj);//这样,js_obj就可以使用jq方法: $(js_obj).click(function(){}); jq对象转js对象 -> ① $('div')[0];//这样,jq对象就可以使用js方法:     ② $('div')get(0);//这样,jq对象就可以使用js方法: $('div')[0].i

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

来源:http://www.ido321.com/1019.html ps:LZ觉得这个标题有点大了,超出了能力范围,不喜勿碰.目前只记录LZ能力范围内的,日后持续补充. 一.JQuery对象和DOM对象的相互转化(<锋利的JQuery>) JQuery转化为DOM: 1.var jq = $('#selector');   var dom = jq[index]; 2.var jq1 = $('#selector1');  var dom1 = jq1.get(index) 或者 var d

关于HTML element和JavaScript/jQuery object的一些区别

最近在调用HTML canvas的getContext("2d")的方法时,发现使用js的document.createElement("canvas")构造的canvas可以直接调用,而使用jQuery constructor $("<canvas>")构造出来的canvas需要canvas[0].getContext("2d")来调用 了解了一下HTML element和js/jQuery object的一些区

jquery.fn.extend与jquery.extend用法与区别

关于jquery.fn.extend与jquery.extend用法与区别. jQuery为开发插件提拱了两个方法,分别是:  代码如下 复制代码 jQuery.fn.extend(object);  和   jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQuery对象添加方法. fn 是什么东西呢.查看jQuery代码,就不难发现.  代码如下 复制

jQuery与js的区别,并有基本语法详解,

通过过一下对比,我们能很清楚的发现jquery与js的区别,运用jquery能大量减少代码量,不过js里面关于时间的setinterval和settimeout只能用js <script src="jquery-1.11.2.min.js"></script>: 引用文件的语句一定要放在最前面,即使写了新的js方法和引用的js文件,也要把Jquery文件的引用语句放在最前面.下面就说一下Jquery和js的区别: 1.找元素(两种方法一一对应): js方法: v

html()和text()这两个jQuery方法有什么区别

html()和text()这两个jQuery方法有什么区别:标题中的两个方法是jQuery非常常用的两个方法,并且有时候作用似乎是一模一样的,其实这只是一种假象而已,下面结合实例来介绍一下他们的区别,首先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www

jquery deferred done then区别

jquery deferred done then区别 deferred是jquery 对promise的实现. 以下内容基于jquery 1.8及以上版本 deferred具有then done等属性.其区别在于Deferred resolved时, done返回当前的的deferred object,callback的返回值不会被传递 then返回一个新的deferred object,callback的返回值会被传递(参考jquery的pipe属性)给新的callback 通过以下的例子来

JQUERY与JS的区别

JQUERY与JS的区别 <style type="text/css"> #aa { width:200px; height:200px; } </style> <script src="jquery-1.11.2.min.js"></script> </head> <body> <div id="aa" style="">hello</