学习要点 DOM分类 DOM节点间关系 访问DOM节点 节点的创建、添加、删除、替换 设置元素的样式 获取节点位置属性 DOM模型 DOM定义 DOM Core:W3C针对XML文档的操作规范。适用于XML和HTML。 HTML-DOM:W3C针对HTML文档的操作规范。只适用于HTML。 CSS- ...
分类:
编程语言 时间:
2020-03-03 01:20:29
阅读次数:
153
1.计算属性和侦听器 计算属性可以缓存数据,适用于一个数据受多个数据影响,大部分会用到; 监听器适用于执行异步操作或者较大开销操作的情况,异步操作比如请求后台的数据,需要监听数据的变化,用最新的数据怎么地,还有就是可用于监听路由的变化 2.生命周期 Vue 实例从创建到销毁的过程,就是生命周期; c ...
分类:
其他好文 时间:
2020-03-02 01:04:57
阅读次数:
78
jQuery实现简易版列表联动 本文为学习过程中的总结,也许许多地方可能过于片面,考虑不周全,还望前辈们评论区批评指正呐! 简易版三级联动效果如下: 代码如下: 总结一下注意的点: jQuery的引入确实简化了JS代码,JS操纵DOM对象,而jQuery操纵jQuery对象, 。 this关键字仍然 ...
分类:
Web程序 时间:
2020-02-29 20:19:53
阅读次数:
76
iQuery和DOM对象 用原生js获取来的对象就是DOM对象 jQuery对象 jQuery对象的本质是: 利用$对DOM对象包装后产生的对象(伪数组形式存储) END ...
分类:
Web程序 时间:
2020-02-20 15:35:37
阅读次数:
69
DOM 和 jQuery 相互转换 1. DOM 转jQuery $(DOM对象) 2. jQuery 转 DOM END ...
分类:
Web程序 时间:
2020-02-20 14:59:10
阅读次数:
64
一、原因分析JQuery 中没有 reset() 方法,DOM 对象中有。二、解决办法将 JQuery 对象变成 DOM 对象就可以了。JQuery 对象 ==> DOM 对象:$(JQuery)[0] ==> DOM (即:添加索引 0 就可以了)DOM 对象 ==> JQuery 对象:$(DO ...
分类:
Web程序 时间:
2020-02-08 13:40:58
阅读次数:
79
流程控制 if判断 多条件判断 上边的例子就是找到所有div标签,多个的时候getElements,记住加s,然后放到了一个数组里,然后通过style操作标签css样式,这就是通过原生DOM对象,操作css样式 文本操作 间接查找选择器 通过上边例子能更清晰看到innerText和innerHTML ...
分类:
Web程序 时间:
2020-01-30 12:36:14
阅读次数:
112
1、设置值: text() :设置或返回所选元素的文本内容 html() :设置或返回所选元素的内容(包括 HTML 标记) val() :设置或返回表单字段的值 attr() :设置或返回属性值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" ...
分类:
其他好文 时间:
2020-01-25 18:13:46
阅读次数:
68
一、DOM对象和JS对象的区别 DOM对象是浏览器提供的前端api,相对于DOM 对象,原生的 JavaScript 对象处理起来更快,而且更简单。DOM 树上的结构、属性信息我们都可以很容易地用 JavaScript 对象表示出来: var element = { tagName: 'ul', / ...
分类:
其他好文 时间:
2020-01-18 19:41:44
阅读次数:
124
下面代码打印结果是? 解析这道题之前我们先了解几个知识点~~~~ 数据加载方案 同步加载 异步加载 : 事件 , 定时器 , ajax js单线程语言 为什么是单线程语言? dom操作 如果js是多线程语言,第一个线程执行把dom对象删除,另一个线程执行把dom对象添加 同步代码异步代码加载顺序 : ...
分类:
其他好文 时间:
2020-01-11 20:13:28
阅读次数:
90