第77天:jQuery事件绑定触发

简介: 一、元素操作1、 高度和宽度 $(“div”).height(); // 高度$(“div”).width(); // 宽度.height()方法和.css(“height”)的区别:返回值不同,.

一、元素操作

1、 高度和宽度

$(“div”).height(); // 高度

$(“div”).width(); // 宽度

.height()方法和.css(“height”)的区别:

返回值不同,.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(){});

// 触发一次

one : $node.one(“click”,function(){});

delegate : $node.delegate(“p”,”click”,function(){});

on$node.on(“click”,”p”,function(){});

2、 解绑

unbindundelegate

off

3、触发

click : $(“div”).click();

trigger:触发事件,并且触发浏览器默认行为

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

相关文章
N..
|
6月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
65 1
|
6月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
62 1
|
6月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
|
5月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
36 1
|
1月前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
18 0
|
2月前
|
JavaScript
jQuery 事件
jQuery 事件
39 10
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
34 3
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
16 0
|
3月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应