事件委托机制 : 我们要找到某个元素,改变其属性,但是这个元素我们不知道能不能找到,所以我们就用一个临时变量,把事件委托给他,然后去寻找元素,找到以后就把事件转交
// $(自定义变量.target).closest("要找的元素").css("找到之后的某一个属性","更改属性值")
//这里从点击对象开始往上查询(如果点击的是a,就会先找a,在找span,再找p,再找body,一直除非找到正确的那个标签,就停止网上找了)
$(document).bind("click",function(e){
$(e.target).closest("body").css("color","red");
})
//$(document).bind("click",function("p"){
// $("p").css("color","red");
// })
//document:代表整个文档,我要匹配文档中某一个不确定对象,用了这样一种形式
//e:是指我们要找的某个元素,他的是个不特定的值,$(e.target)是那个不特定的对象
//来自于我们不特定的匹配,匹配到谁就是谁
<body>
<p title="选择你最喜欢的水果." >
<span>
<a title='苹果'>苹果</a>
<a title='橘子'>橘子</a>
<a title='菠萝'>菠萝</a>
</span>
</p>
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
</body>
//获取对象的左边距和上边距 offset() :
用法 :
jQuery对象.offset();
jQuery对象.offset().left/top;
var $p = $("p").offset();//获得p的左边距和上边距,是个数组
$p.left;//得到的值,就是左边距
$p.top;//得到的值,就是上边距
//设置坐标并显示,show() :