jQuery元素操作

2024-06-08 15:22:07

1.1 元素操作

1.1.1 高度和宽度

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

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

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

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

1.1.2 坐标值

$(“div”).offset(); // 获取或设置坐标值设置值后变成相对定位

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

1.1.3 滚动条（滚动事件）

$(“div”).scrollTop(); // 相对于滚动条顶部的偏移

$(“div”).scrolllLeft(); // 相对于滚动条左部的偏移

案例：两次跟随的广告

案例：防腾讯固定导航栏

1.2 jQuery事件

1.2.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(){});

1.2.2 解绑

unbind、undelegate

off

1.2.3 触发

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

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

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

1.3 jQuery事件对象介绍

event.stopPropagation() //阻止事件冒泡

event.preventDefault(); //阻止默认行为

转载于:https://www.cnblogs.com/yangguoe/p/8169281.html

jQuery元素操作相关推荐

jQuery 元素操作——遍历元素
jQuery 元素操作主要是遍历.创建.添加.删除元素操作 <!DOCTYPE html> <html lang="en"><head>< ...
jQuery元素操作-遍历元素
1.jQuery元素操作 1.1.遍历元素-语法1 主要遍历dom对象 <!DOCTYPE html> <html lang="en"> <head& ...
jQuery—常用API（jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作）
1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...
48 jQuery元素操作
技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生主要是遍历.创建.添加.删除元素操作. 1.遍历元素 jQuery隐式迭代是对同一类元素做 ...
jQuery元素操作和尺寸位置
1. 遍历元素 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF ...
jQuery中的元素操作
jQuery元素操作通过jQuery可以操作控制元素的样式,文本,属性等 jquery样式操作 css操作行内样式 // 获取div的样式 $("div").css(" ...
二、属性操作，文本属性值，元素操作，尺寸、位置操作
1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属 ...
jQuery元素内容操作的方法有多少种?
jQuery中操作元素内容的方法,主要包括html()方法.text()方法和val()方法.html()方法用于获取或设置元素的HTML内容,text()方法用于获取或设置元素的文本内容,val() ...
Java程序员从笨鸟到菜鸟之（八十八）跟我学jquery（四）JQuery框架操作元素的属性与样式
在前面几篇博客中,我们初步了解了一下jQuery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修 ...

最新文章

热门文章