第77天：jQuery事件绑定触发

一，元素操作

如图1所示，  高度和宽度

$（“格”），高度（）。//高度

$（“DIV”）宽（）; //宽度

.height（）方法和的CSS（“高度”）的区别：

返回值不同，.height（）方法返回的是数字类型（20）,. css（“height”）返回的是字符串类型（20px），因此.height（）方法常用在参与数学计算的时候

2，坐标值

$（“div”）。offset（） ; //获取或设置坐标值设置值后变成相对定位

$（“div”）. position（） ; //获取坐标值子绝父相只能读取不能设置

3，滚动条（滚动事件）

$（“div”）。scrollTop（） ; //相对于滚动条顶部的偏移

$（“div”）。scrolllLeft（） ; //相对于滚动条左部的偏移

案例：两次跟随的广告

案例：防腾讯固定导航栏

二，jQuery事件

1，绑定

click / mouseenter / blur / keyup

//绑定事件

bind：$ node .bind（“click”，function（）{}）;

//触发一次

一：$ node.one（“click”，function（）{}）;

委托：$ node.delegate（“p”，“click”，function（）{}）;

on：$ node.on（“click”，“p”，function（）{}）;

2，  解绑

unbind，undelegate

离

3，触发

点击：$（“div”）。click（）;

trigger：触发​​事件，并且触发浏览器默认行为

triggerHandler：不触发浏览器默认行为