jQuery整体感知

1：选择问题轻松解决
$()函数就是核心函数，query就是选择的意思，也就是说jQuery的核心招牌功能就是选择元素：
$("#box ull li.haha span").css(“background-color”,“red”);
语法： $(“选择器”)
选择的就是所有符合条件的元素,而不是一个。
$可以用jQuery来代替， $和jQuery是同一个函数：
jQuery("#box ull li.haha span"").css(“background-color”,“red”);以后就和document.getElmentById()无缘了。jQuery选择的元素，所有浏览器兼容。
2：样式问题轻松解决
得到样式（得到计算后样式）
$(’.box’).css(‘width’);
通过 $()函数选择出来的东西，都是jQuery对象，所有的jQuery对象，都可以继续打点调用css函数，css函数已经封闭了计算后样式。
设置样式：
$(’.box’).css({
‘width’:100,
‘height’:200,
‘background’:‘red’,
‘opacity’:0.3
});
3:动画的问题轻松解决
jQuery内部含有一个运动框架。
$(’.box’).animate({‘left’:300},1000,function(){
alert(‘运动完成’);
})
4：批量添加监听、节点关系
所有的li都有监听了
$(’.circles ol li’).mouseenter(function(){
//自己变红，自己兄弟恢复为橙色
$(this).css(‘background-color’,‘red’).siblings().css(‘background-color’,‘orange’);
});
siblings()表示兄弟节点。