jquery-窗口滚动事件-属性操作
考点
窗口对象的滚动事件,滚动条移动事件
$(window).scroll(匿函)文档对象移出窗口左边的距离,如何获取
$(document).scrollLeft()文档对象移出窗口顶部的距离,如何获取
$(document).scrollTop()获取标签对象所包裹的html内容
标签对象.html()设置某标签对象包裹的html代码为一个 新的内容
标签对象.html(新的内容)获取标签对象的属性值
标签对象.prop(属性名)
例如,获取img标签的src属性值
$("img").prop("src")给标签对象的某属性设置值
方式一:
标签对象.prop(属性名,属性值)
例子: $("img").prop("src","a.jpg")
方式二:
标签对象.prop({属性名:属性值,属性名n:属性值n})
例子: $("img").prop({"src":"a.jpg"})
窗口的滚动事件
scrollLeft scrollTop
给scrollTop设置值
文档对象.scrollTop()
可以获取值
如何给scrollTop设置值
文档对象.scrollTop(值)
html方法操做 标签对象内的值
- 取值
标签对象.html()
- 赋值
标签对象.html(值)
prop方法, 操作标签对象的属性值
取值
值 = 标签对象.prop(属性)
如果获取到的属性并不存在,得到的是一个空的
赋值
标签对象.prop(属性,值) ** 这种赋值,适合只赋一个值 **
标签对象.prop({属性1:值1, 属性2:值2}) ** 一次给多个属性赋值 **
jquery-窗口滚动事件-属性操作相关推荐
- jquery滚动条滚动事件_滚动条和jQuery –使用航点的事件处理
jquery滚动条滚动事件 How to handle scrolling with jQuery. Today we continue jQuery reviews, and our article ...
- JavaWeb开发 前端语言:jQuery(二)属性操作、DOM的增删改、CSS样式操作、动画、事件操作
JavaWeb开发 前端语言:jQuery(二) 1.jQuery的属性操作 2.jQuery练习:使用jQuery完成全选.全不选.反选和提交功能 3.DOM的增删改 3.1 DOM的增操作 3.1 ...
- jQuery之滚动事件$(window).scroll(function()
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- jQuery Mobile滚动事件
当用户在设备上滚动页面时,jQuery Mobile提供了滚动事件进行监听.其中首先介绍的是scrollstart事件,该事件发生在页面滚动开始时,如下代码: $(document).ready(fu ...
- jQuery(七)--属性操作:attr、removeAttr、prop、removeProp、addClass、removeClass、toggleClass、html、text、val
目录 一.属性 1.1 操作属性 二.属性节点 2.1 概述 三.jQuery中的属性和属性节点 3.1 attr() 3.2 removeAttr() 3.3 prop() 3.4 removePr ...
- 先學30天jQuery再說之属性操作 - .contains() 方法和 :contains 选择器(par7)
jQuery.contains()方法 定义和用法 $.contains() 方法用于判断指定元素内是否包含另一个元素.即判断另一个DOM元素是否是指定DOM元素的后代. 语法 $.contains( ...
- jQuery jQuery鼠标混轮滚动事件
jQuery鼠标换轮滚动事件 1.鼠标混轮滚动事件 2.添加class属性 3.实现屏幕滚动效果 css代码部分 html与javascript部分 1.鼠标混轮滚动事件 代码如下所示: <!D ...
- 杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)
1 筛选[掌握] 筛选与之前"选择器"雷同,筛选提供函数 1.1 过滤 eq(index|-index),获取第N个元素 •index:一个整数,指示元素基于0的位置,这个元素 ...
- jQuery窗口调整大小
jQuery resize() function triggers when the browser window is resized. jQuery resize function attache ...
最新文章
- SAP WM Storage Type下不允许负库存的设置
- 【Pandas】apply,applymap和map的区别
- 修改mysql的my.ini文件,导致mysql服务1067启动失败的解决方法
- 网页UTF8转换GBK后出现问号?的原因
- 面试官 | 什么是递归算法?它有什么用?
- 没用过这几招,别说你会使用Jupyter Notebook
- display环境变量如何配置_JDK 安装 Java环境变量配置
- MyBatis参数为Integer型并赋值为0时判断失误的问题解决
- 时序数据库技术体系-时序数据存储模型设计
- 力软敏捷开发平台7.0.6旗舰版功能更新介绍
- ARCore从零到一 (2) 运行HelloAR 案例
- python系统函数详解
- 计算机的作业与程序,网络提交的计算机程序作业出现抄袭现象的对策探索
- PostgreSQL的upsert功能(on conflict do)的用法
- 【T-SQL】T-SQL语句整理(基于SQL Server)
- 保护水资源公益网站html,保护水资源公益广告策划书
- 广播(Broadcast)的简单用法
- 在Windows安装Reids 详解
- 大咖分享|李志强:一文详解标签类目体系落地方法与建设价值
- CTF 刷题记录(一) 白云新闻搜索(手动与自动化SQL注入)
热门文章
- 如何给table表格的tr行加border边框(解决篇)
- 修复版GEP宝塔内嵌版全解源码
- 计算机无法离开家庭组,【求助】Windows无法从该家庭组中删除你的计算机
- KinhDown_v2.4.42稳定版 百度云最新不限速下载工具
- 百度SEO emlog虚拟源码商城模板
- 动态规划 1.背包问题
- qt stylesheet 隐藏_Qt QDockWidget实现鼠标移出自动隐藏
- php class variable,解决关于PHP“Undefined variable”变量未定义
- vue @click 如何绑定多个方法
- # 57. 插入区间