jQuery学习<1>

来源:互联网 发布:知其所以然 编辑:程序博客网 时间:2024/05/29 12:40

jQuery优点:

  • 轻量级:使用UglifyJS压缩
  • 强大的选择器:加入插件可使其支持XPath选择器
  • 可靠的事件处理机制
  • 完善的Ajax:将所有的Ajax操作封装到一个函数$.ajax()
  • 不污染顶级变量:只建立一个名为jQuery的对象,别名为$,所有的函数方法都在这个对象之下。
  • 出色的浏览器兼容性
  • 链式操作方法
  • 隐式迭代
  • 行为层与结构层的分离
  • 丰富的插件支持

在页面中引入jQuery:

<head><script src="../jquery.js" type="text/javascript"></script></head>

一.jQuery对象与DOM对象

1.DOM对象

通过JavaScript中的getElementByTagName()getElementByID()来获取元素节点,得到的DOM元素就是DOM对象。

2.jQuery对象

jQuery对象可以使用jQuery里的方法,如下:

$("#foo").html();//html()是jQuery里的方法

二.jQuery对象与DOM对象相互转化

1.jQuery对象转成DOM对象

jQuery对象是类似于数组的对象,通过[index]get(index)来实现效果

var $cr = $("#cr");var cr = $cr[0];//或者var cr = $cr.get(0);

2.DOM对象转成jQuery对象

使用$()将DOM对象包装来获得jQuery对象。 $()是jQuery对象的制造工厂。

var cr = document.getElementById("cr");var $cr = $(cr);
0 0