jquery简介

来源：互联网发布：北京哪有淘宝培训班编辑：程序博客网时间：2024/05/19 22:26

jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库

jQuery 理念: 写得少, 做得多. 优势如下:

–轻量级

–强大的选择器

–出色的 DOM 操作的封装

–可靠的事件处理机制

–完善的 Ajax

–出色的浏览器兼容性

–链式操作方式

–……

一、Jquery简介

1、普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库，比如Prototype、Dojo、ExtJS、JQuery等，这些库对JavaScript进行了封装，简化了开发。这些库是对JavaScript的封装，也就是咱们调用JQuery的一句函数，JQuery内部这句函数帮我们调用JavaScript中的代码几十句，因为JQuery就是JavaScript语法写的一些函数类，内部仍然是调用JavaScript实现的，所以并不是代替JavaScript的。使用JQuery的代码、编写JQuery的扩展插件等仍然需要JavaScript的技术，Jquery本身就是一堆JavaScript函数。

2、Jquery是最火的JavaScript库，已经被集成到VS2010了，得到了MS的支持，MS的Ajax toolkit和JQuery结合也是最方便，JQuery的扩展插件也是非常多。

3、JQuery能做什么。JQuery能做的普通的Dom能做，普通Dom能做的JQuery也能做。

4、JQuery的优点：尺寸小、使用简单方便（Write Less, Do More，吃得少干得多。链式编程（$("#div1").draggble().show().hide().fly()）、隐式迭代（自动对于多个元素进行迭代方法调用））、屏蔽浏览器差异跨浏览器兼容性好（IE 6.0+, FF 2+, Safari 3.0+, Opera 9.0+, Chrome）、插件丰富、开源、免费。

5、VS中JavaScript、JQuery的自动完成功能：在VS2010中直接有，VS008需要安装VisualStudio 和VS90SP1-KB958502-x86补丁会更强更好用, 下载地址见备注。然后引用jquery-1.4.2.js，jquery-1.4.2-vsdoc.js
放到同目录下。（2010内置仅指的是不用自己把js文件放进去了，页面照样引用）

6、vsdoc是vs2008sp1以后增加的一个技术，将js文件对应的vsdoc（相当于js库提供的方法的说明库）放到和js一起，就有会这个第三方js的自动提示的功能。

jquery事例1

</script>
<script language="javascript" type="text/javascript">
function f1(){
alert("f1");

}
function f2(){
alert("f2");

}
function f3(){
$(document.getElementById("d1").innerHTML);
}

window.onload=function (){
  f1();
  f2();
  f3();



}
</script>
</head>

jquery事例2

效果图

<!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>无标题文档</title>
<script src="jquery-1.6.js"></script>
<script>
$(document).ready(function(){

   //之前的写法 1、先获取对象2、给对象增加一个属性
   $("a").click(function (){
    alert("哈哈，你真点我了！");
    return false;

    });


   });

</script>
</head>