jquery知识点总结（2）--- CSS模块+筛选模块+文档处理(CUD)模块+事件模块

CSS模块

style样式
- css(styleName): 根据样式名得到对应的值
- css(styleName, value): 设置一个样式
- css({多个样式对}): 设置多个样式
位置坐标
- offset(): 读/写当前元素坐标(原点是页面左上角)
- position(): 读当前元素坐标(原点是父元素左上角)
- scrollTop()/scrollLeft(): 读/写元素/页面的滚动条坐标
尺寸
- width()/height(): width/height
- innerWidth()/innerHeight(): width + padding
- outerWidth()/outerHeight(): width + padding + border

筛选模块

过滤
- 在jQuery对象内部的元素中找出部分匹配的元素, 并封装成新的jQuery对象返回
- first()
- last()
- eq(index)
- filter(selector): 对当前元素提要求
- not(selector): 对当前元素提要求, 并取反
- has(selector): 对子孙元素提要求
查找
- 查找jQuery对象内部的元素的子孙/兄弟/父母元素, 并封装成新的jQuery对象返回
- children(selector): 子元素
- find(selector): 后代元素
- preAll(selector): 前的所有兄弟
- siblings(selector): 所有兄弟
- parent(): 父元素

文档处理(CUD)模块

增加
- append() / appendTo(): 插入后部
- preppend() / preppendTo(): 插入前部
- before(): 插到前面
- after(): 插到后面
删除
- remove(): 将自己及内部的孩子都删除
- empty(): 掏空(自己还在)
更新
- replaceWith()

事件模块

绑定事件
- eventName(function(){})
- on(‘eventName’, function(){})
- 常用: click, mouseenter/mouseleave mouseover/mouseout focus/blur
- hover(function(){}, function(){})
解绑事件
- off(‘eventName’)
事件委托
- 理解: 将子元素的事件委托给父辈元素处理
  - 事件监听绑定在父元素上, 但事件发生在子元素上
    *　事件会冒泡到父元素
  - 但最终调用的事件回调函数的是子元素: event.target
- 好处
  - 新增的元素没有事件监听
  - 减少监听的数量(n==>1)
- 编码
  - delegate(selector, ‘eventName’, function(event){}) // 回调函数中的this是子元素
  - undelegate(‘eventName’)
事件坐标
- event.offsetX: 原点是当前元素左上角
- event.clientX: 原点是窗口左上角
- event.pageX: 原点是页面左上角
事件相关
- 停止事件冒泡: event.stopPropagation()
- 阻止事件的默认行为: event.preventDefault()

jquery知识点总结（2）--- CSS模块+筛选模块+文档处理(CUD)模块+事件模块相关推荐

Python-docx 模块读写 Word 文档基础（一）：创建文档、段落格式、字体格式设置方法
Python-docx 模块读写 Word 文档基础(一):创建文档.段落格式.字体格式设置方法前言: 1.创建 Word 文档及基础用法: 2.段落格式设置: 3.字体格式设置: 结尾: [Pyt ...
[css] 什么是脱离文档流？有什么办法可以让元素脱离标准的文档流？
[css] 什么是脱离文档流?有什么办法可以让元素脱离标准的文档流? 文档流就是指元素在 HTML 文档中位置顺序决定排布的过程.HTML 元素有块级元素和行内元素,块级元素一个占一行,行内元素在一行 ...
css三种定位都脱离文档流了吗,CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别...
1.代码 (1)示例代码1 CSS布局之脱离文档流详解--浮动.绝对定位脱离文档流的区别 .left { width: 300px; height: 500px; background: red; f ...
matlab 职坐标,C/C++知识点之Matlab 与 c++对txt 文档的读写格式
本文主要向大家介绍了 C/C++知识点之Matlab 与 c++对txt 文档的读写格式,通过具体的内容向大家展示,希望对大家学习C/C++知识点有所帮助. 学习g++能够读取什么格式的txt文件. ...
python 如何查看模块所有方法-Python 查看模块的帮助文档，方法和帮助信息
参考链接:https://blog.csdn.net/u013810296/article/details/55509284 这里介绍下python自带的查看帮助功能,可以在编程时不中断地迅速找到所需 ...
python 查看已经安装的模块_教你用Python查看模块的帮助文档，方法和帮助信息...
这里介绍下python自带的查看帮助功能,可以在编程时不中断地迅速找到所需模块和函数的使用方法查看方法通用帮助函数help() python中的help()类似unix中的man指令,熟悉后会对我 ...
【译】CodeIgniter HMVC模块扩展使用文档
CodeIgniter HMVC扩展说明原文地址:Modular Extensions - HMVC 模块扩展--HMVC 模块扩展让CodeIgniter框架模块化.模块是一组独立的组件(通常有模 ...
python安装模块(官网文档)
https://docs.python.org/zh-cn/3/tutorial/venv.html# https://packaging.python.org/tutorials/installin ...
CSS之布局（文档流）
文档流: <!DOCTYPE html> <html><head><meta charset="utf-8" /><title ...
html 文档自动获取css,前端基础中css选择器，html文档 ,与javascrip中基本的获取
1,Vscode自动刷新插件与格式化插件应用搜索搜索liveserver,安装后.点击右下角Golive可以进入使用. 格式化插件prettier:首选项,设置,搜索format,勾选prettie ...

jquery知识点总结（2）--- CSS模块+筛选模块+文档处理(CUD)模块+事件模块

jquery知识点总结（2）--- CSS模块+筛选模块+文档处理(CUD)模块+事件模块相关推荐

最新文章

热门文章