jQuery的优点
1 轻量级#### 2 强大的选择器
3 出色的DOM操作封装
4 可靠的事件处理机制
5 完善的Ajax
6 不污染顶级变量
7 出色的浏览器兼容性
8 链式操作方式
9 隐式迭代
10 行为层与结构层的分离
11 丰富的插件支持
12 完善的文档
13 开源
起步准备
$("#foo")和jQuery("#foo")是等价的
$.ajax 和 jQuery.ajax 是等价的
- $(function(){ }) 相当与 js 当中的 window.onload
- 都是在页面完成之后立刻执行的,但是window.onload 只能写一个而$(function(){})可以写多个
- 不简写的时候是$(document).ready(function(){})
- 都不需要自调用,页面加载完毕后自动执行
链式操作风格
$(".level1>a").click(function(){
$(this).addClass("current")
.next().show();
.parent().siblings()
.children("a")
.removeClass("current")
.next().hide();
return false;
})
jQuery对象转换为dom对象
- 1 jQuery对象是一个类似数组,可以通过[index]的方法得到相应的DOM对象
var $cr = $("#cr");
var cr = $cr.[0];
- 2 另一种方法是jQuery本身提供的,通过get(index)方法的相应的DOM对象
var $cr = $("#cr");
var cr = $cr.get(0);
DOM对象转成jQuery对象:
- 对于一个DOM对象只需要用$()把DOM对象包装起来就可以获得一个jQUery对象了
var cr = document.getElementById("cr");
var $cr = $(cr);
解决冲突
- 如果js库和jQuery库发生冲突,我们可以在任何时候调用: jQuery.noCOnflict()函数来解决
var $jaovo = jQuery.noConflict();
$jaovo(function(){
$jaovo("p").click(function(){
alert($jaovo(this).text());
});
});