Jquery知识点【第一篇】
2021-04-19 09:47:12 0 举报AI智能生成
Jquery选择器与DOM
作者其他创作
大纲/内容
Jquery对象与DOM对象
Jquery对象与DOM对象是可以互相转化的
this代表的是JS对象
$(this)代表的是Jquery对象
Jquery对象[下标]即可转换成JS对象
$(JS对象)即可转化成Jquery对象
JS对象不能调用Jquery的方法
DOM分类
Core DOM
getElementById()、set\getAttribute()等方法都属于核心DOM
HTML DOM
document.forms、element.src用于处理Web文档的技术
CSS DOM
element.style.color用于处理样式
Jquery中的DOM之样式操作
attr获取样式和设置样式
没有属性是获取样式
提供属性是修改样式
追加样式
移除样式
切换样式toggleClass()
存在则删除
不存在则添加
判断是否有样式
利用css()来获取样式、设置样式
有参数就是设置
无参数就是获取
常用的元素定位方法
offset()获取当前视窗的偏移量
heigh()、width()能够直接获取\设置高度和宽度
position()获取父定位界面的偏移量
scrollTop()、scrollLeft()获取滚动条距离
Jquery获取HTML、本文和值
html()类似于InnerHTML属性
text类似于innerText是属性
value()类似于JS对象.value属性
this.defaultValue代表的是当前的默认值
Jquery选择器
Jquery选择器就是用来得到HTML文档中的节点的
基本选择器
层次选择器
可用方法来替代【next()、sibilings()等】
过滤选择器
基本过滤
内容过滤
可见性过滤
属性过滤
子元素过滤
表单对象属性过滤
Jquery中的DOM之节点操作
查找节点【通过Jquery选择器来查找】
查找元素节点
查找属性界面
创建节点【直接在$()括号内写上标准的XHTML代码】
创建元素节点
创建文本节点
创建属性节点
插入节点
能够在不同的位置上插入节点
删除节点
remove()返回的是删除节点的引用
detach()删除后它的事件、附加属性都会保留下来
empty()清空子节点
复制节点
clone()如果传入ture，那么将事件也复制过来
替换节点
包裹节点
wrap()每个节点单独包含
wrapAll()全部包含
wrapInner()包含节点的子元素
遍历节点
children()遍历子元素节点集合
next()同级的下一个元素
prev()同级的上一个元素
sibilings()同级的所有元素
Jquery中的DOM之属性操作
attr()可用来获取和设置属性
没有参数的时候是获取属性
提供参数的时候是设置属性
删除属性
0 条评论
下一页
