document.querySelector / document.querySelectorAll document.querySelector方法返回文档中与指定选择器或选择器组匹配的第一个 html...如果找不到匹配项，则返回null。 document.querySelectorAll 方法返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)。...Node.appendChild Node.appendChild()方法将节点添加到给定父节点的子节点列表的末尾。 请注意，如果给定的子代是文档中现有节点的引用，则它将移动到新位置。...通过调用Element.removeAttribute方法，我们可以从元素中删除具有给定名称的属性。...beforeend：插入元素内部的最后一个子节点之后。 afterend：元素自身的后面。 text是要被解析为HTML或XML,并插入到DOM树中的字符串。 <!
get(key, default=None)：获取key对应的属性值，如该属性不存在则返回default值。...findall(match)：寻找所有匹配子元素，匹配对象可以为tag或path。 findtext(match)：寻找第一个匹配子元素，返回其text值。...匹配对象可以为tag或path。 iter(tag=None)：生成遍历当前元素所有后代或者给定tag的后代的迭代器。..._setroot(element)：用给定的element替换当前的根节点。慎用。 getroot()：获取根节点。...注意：python允许多父类继承，叫做多重继承。 然后方法重写的概念在python中是指子类重写父类的方法，这一点和Java有出入。
基本选择器： #id 根据给定的id进行匹配一个元素 element 根据给定的元素名进行匹配所有元素 .class 根据给定的类匹配该类的所有元素 * 匹配所有元素 selector1,selector2...) 获取包含给定文本的元素 :empty 获取所有不包含子元素或文本的空元素 如： :has(selector) 获取含所选择器的所有元素 :parent 获取含有子元素或文本的元素...*= value] 匹配有包含某些值的特定元素 [selector1][selector2] 同时满足多个条件使用 子元素过滤选择器： :nth-child 从1开始的，匹配每个父元素下第n个元素...:first-child 匹配每个父元素下的第一个子元素 :last-child 匹配每个父元素下的最后一个子元素 :only-child 匹配父元素中只有唯一的子元素，如果父元素中有多个子元素，就不会被匹配...删除元素 remove()删除该元素和empty()清空全部节点或所有后代元素 结言 好了，欢迎在留言区留言，与大家分享你的经验和心得。
所以，DOM可以理解成网页的编程接口。 DOM 提供了一种表述形式将文档作为一个结构化的节点组以及包含属性和方法的对象。从本质上说，它将web 页面和脚本或编程语言连接起来了。 ?...document.getElementById():返回匹配指定ID属性的元素节点对应的对象,如果没有发现匹配的节点，则返回null。...document.elementFromPoint():返回位于页面指定位置的DOM元素，如果该元素不可返回（比如文本框的滚动条），则返回它的父元素（比如文本框）。...如何判断一个元素的 class 列表中是否包含某个 class？如何添加一个class？如何删除一个class?...，该对象的length属性（只读）返回当前元素的class数量。
指向在childNodes列表中的最后一个节点 childNodes NodeList 所有子节点的列表 parentNode Node...返回一个给定节点的父节点 previousSibling Node 指向前一个兄弟节点；如果这个节点就是第一个兄弟节点，那么该值为null nextSibling...Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。...注意：document 节点的没有父节点。 子节点： childNodes; 获取指定节点的所有子节点集合。...firstChild; 获取指定节点的第一个子节点。 lastChild; 获取指定节点的最后一个子节点。
\cx 匹配由x指明的控制字符。例如，\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则，将c视为一个原义的“c”字符。 \d 匹配一个数字字符。等价于[0-9]。...，表示目标字符串中包含该字符串 # 匹配失败返回None value = pattern.search(string[, start[, end]]) # 3.全文匹配 # 从目标字符串中查询所有符合匹配规则的字符...，根标签有且仅有一个，在上述代码中就是跟标签 父标签：和子标签对应，内部包含了其他元素数据，该标签就是内部标签的父标签，如是的父标签，又是的父标签...，某些说法中，父标签的父标签..被称为上级标签或则先代标签或者先辈标签 子标签；和父标签对应，被包含的元素，就是外部元素的子标签，如是的子标签，标签是的子标签.../ 从根节点选取。 // 从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置。 . 选取当前节点。 .. 选取当前节点的父节点。 @ 选取属性。 * 匹配任何元素节点。
，一级子元素原则器只选择第一级子元素，不会再向下查找元素 id选择器：通过id查找页面中唯一的标签 class选择器:通过特定的class（类）来查找页面中对应的标签，以 .class名称 伪类选择器...[attribute*=value] 匹配给定的属性是以包含某些值的元素 位置选择器 :first匹配第一个元素 :last获取最后一个元素 :not 去除所有与给定选择器匹配的元素 :even...匹配所有索引值为偶数的元素，从 0 开始计数 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :eq 匹配一个给定索引值的元素 :gt 匹配所有大于给定索引值的元素 :lt 匹配所有小于给定索引值的元素...计数从最后一个元素开始到第一个 :nth-last-of-type() 选择的所有他们的父级元素的第n个子元素，计数从最后一个元素到第一个 :nth-of-type() 选择同属于一个父元素之下，并且标签名相同的子元素中的第...HTML或DOM元素 replaceAll() 用匹配的元素替换掉所有 selector匹配到的元素 删除 empty() 删除匹配的元素集合中所有的子节点 remove() 从DOM中删除所有匹配的元素
CSS属性的对象 jQuery 杂项方法 方法 描述 data() 向被选元素附加数据，或者从被选元素获取数据 each() 为每个匹配元素执行函数 get() 获取由选择器指定的 DOM 元素 index...() 从匹配元素中搜索给定元素 $.noConflict() 释放变量 $ 的 jQuery 控制权 $.param() 创建数组或对象的序列化表示形式（可在生成 AJAX 请求时用于 URL 查询字符串中...方法 描述 $.Callbacks() 一个多用途的回调列表对象，用来管理回调函数列表 callbacks.add() 在回调列表中添加一个回调或回调的集合 callbacks.disable() 禁用回调列表中的回调函数...() 确定回调是否至少已经调用一次 callbacks.firewith() 给定的上下文和参数访问列表中的所有回调 callbacks.has() 判断回调列表中是否添加过某回调函数 callbacks.lock...() 锁定当前状态的回调列表 callbacks.locked() 判断回调列表是否被锁定 callbacks.remove() 从回调列表中的删除一个回调或回调集合 jQuery 延迟对象 在jQuery
子元素筛选器 需求描述：选择所有父级元素 ul 下的第一个子元素 li，设置其背景为红色 我是列表项1 我是列表项2 我是列表项..." value="123456"> console.log($(':text').val()); # 3.1.2 样式 # 1. css() 方法描述：获取匹配元素集合中的第一个元素的样式属性的计算值或设置每个匹配元素的一个或多个...removeClass() 方法描述：移除集合中每个匹配元素上一个，多个或全部样式。...ul = $('#ul').clone(); $('body').append(ul); # 3.2.6 DOM 遍历 # 1. parent() 方法描述：获取集合中每个匹配元素的父元素，可以提供一个可选的选择器来进行筛选...>列表项3 我是段落2 console.log($('#two').parent()[0]); # 2. children() 方法描述：获取集合中每个匹配元素的子元素
急切加载是指从查询返回的对象中，相关集合或标量引用已经提前加载。...子查询加载 - 可通过lazy='subquery'或subqueryload()选项使用，这种加载方式会发出第二个 SELECT 语句，该语句重新陈述了原始查询嵌入到子查询中，然后将该子查询与要加载的相关表...此 SELECT 语句引用原始 SELECT 语句，该语句包装在子查询中，以便我们检索要返回的主对象的相同主键列表，然后将其与要一次性加载的所有集合成员的总和链接起来： >>> from sqlalchemy...因为User和Address之间的关系具有简单的主键连接条件，并且提供了User的主键值可以从Address.user_id派生，所以该语句根本没有联接或子查询。...该 SELECT 语句引用原始 SELECT 语句，包装在一个子查询中，以便我们检索返回的主对象的相同主键列表，然后将其链接到加载所有集合成员的总和： >>> from sqlalchemy import
当特定的映射安排将导致两行彼此依赖时，请使用此标志，例如，一个表与一组子行之间存在一对多关系，并且还有一个列引用该列表中的单个子行（即两个表相互包含对方的外键）。...另请参阅 指定替代连接条件 single_parent – 当为 True 时，安装一个验证器，该验证器将阻止对象同时与多个父对象关联。这用于应将多对一或多对多关系视为一对一或一对多的情况。...在某些情景下，这样做从性能或复杂性的角度来看可能是有利的。...`relationship()` 绑定属性，该实例可以从给定的 持久化（或不太常见的 分离）对象实例中拆解适当的属性值，并按照目标 `relationship()` 构造 WHERE 条件。...在某些情况下，从性能或复杂性的角度来看，这可能是有利的。
解决高度塌陷 父元素在文档流中会默认被子元素撑开 如果此时给子元素添加浮动效果 子元素就会脱离文档流 从而造成父元素的高度塌陷 此时页面便会混乱 如果给父元素设置高宽便会使父元素锁死 不能随子元素变化随意撑开...弹性盒子模型： Box-model定义了一个元素的盒子模型 Flexbox box-lines: 设置或检索弹性盒子模型对象的子元素是否可以换行显示 box-direction 设置或检索弹性盒子模型对象的子元素的排列顺序是否反转...支持正则得String方法 search() 第一个与正则相匹配得字符串的索引 match() 找到一个或多个正则表达式的匹配，没有找到返回Null，否则返回一个数组 replace() 替换与正则表达式匹配的字符串...层级选择器： 匹配所有后代元素 匹配直接子元素 匹配所有在该元素后的next元素 匹配该元素的所有同辈元素 位置选择器： :first匹配第一个元素 :last获取最后一个元素 :not去除所有与给定选择器匹配的元素...:even匹配所有索引值为偶数的元素 :odd 匹配所有索引值为奇数的元素 :eq匹配一个给定索引值的元素 :gt匹配所有大于给定索引值的元素 :lt匹配所有小于给定索引值的元素 后代选择器，子代选择器
在网页文档中获取一个节点对象（HTML标签） document.getElementById("mid"); //获取标签id属性值为mid的节点对象 2....*lastIndexOf() 从后向前搜索字符串。 match() 找到一个或多个正在表达式的匹配。 ...*replace() 替换与正则表达式匹配的子串。 search() 检索与正则表达式相匹配的值。 ...父、子和同级节点 节点树中的节点彼此之间都有等级关系。 父、子和同级节点用于描述这种关系。...父节点拥有子节点，位于相同层级上的子节点称为同级节点（兄弟或姐妹）。 1. 在节点树中，顶端的节点成为根节点 2.
avg （默认）：使用所有匹配的子对象的平均相关性得分。 max：使用所有匹配的子对象中的最高相关性得分。 min：使用所有匹配的子对象中最低的相关性得分。...none：不要使用匹配的子对象的相关性分数。该查询为父文档分配得分为0。 sum：将所有匹配的子对象的相关性得分相加。 inner_hits（可选）：允许获取与嵌套文档匹配的内部结果。...您可以指定要匹配的父文档或子文档的类型以及具体的查询条件。 parent_id：用于指定要查询的子文档的父文档ID。通过指定parent_id参数，您可以快速检索与特定父文档相关联的所有子文档。...inner_hits：内部命中参数允许您在查询结果中获取与父文档或子文档匹配的内部命中结果。您可以使用inner_hits来检索与查询条件匹配的子文档或匹配的父文档及其关联的子文档。...ignore_unmapped：当设置为true时，如果查询字段不存在映射或没有任何匹配的文档时，将忽略该查询并返回空结果。 max_children：可用于限制每个父文档返回的子文档数量。
$parent + $children 获取父组件实例和子组件实例的集合this.$parent 可以直接访问该组件的父实例或组件父组件也可以通过 this....$root 访问根组件中的属性或方法作用：访问根组件中的属性或方法注意：是根组件，不是父组件。...，取出每一项的name值，用其与新的缓存规则进行匹配，如果匹配不上，则表示在新的缓存规则下该组件已经不需要被缓存，则调用pruneCacheEntry函数将其从this.cache对象剔除即可关于keep-alive...key的顺序，将其从原来的地方删掉并重新放在this.keys中最后一个this.cache对象中没有该key值的情况，如下：/* 如果没有命中缓存，则将其设置进缓存 */else { cache...，移动到旧后之后）旧后与新前（尾与头比，此种发生了，涉及移动节点，那么新前指向的节点，移动到旧前之前）Class 与 Style 如何动态绑定Class 可以通过对象语法和数组语法进行动态绑定对象语法：
JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test...在DOM编程中我们只能使用有限的函数根据id或者TagName获取DOM对象。...属性过滤器 $("div[id]")匹配包含给定属性的元素 $("input[name='...']") 匹配给定的属性是某个特定值的元素 name='...' $("input[name!...$("p").eq(1) 获取第N个元素：.eq(Index) $("p").filter(".bgRed")筛选出与指定表达式匹配的元素集合：.filter("Express") $("div"...[ n, n + 1 ];}); 结果:[0, 1, 1, 2, 2, 3] $("p").not($("#testid")[0])去除所有与给定选择器匹配的元素 <input name="apple
返回值:Booleanis(expr|obj|ele|fn)，根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。...B.children() 获得所有子元素（CDEF） A.find(D) 从A子元素中查询D D.parent() 获得D的父元素（B） C.next() 下一个兄弟（D） C.nextAll...可以在父元素上检测子元素获取焦点的情况。...事件对象: 由于IE-DOM和标准DOM实现事件对象的方法各不相同,导致在不同 浏览器中获取事件对象变得比较困难.针对这个问题,jquery进行了必要的扩 展和封装,从而使得在任何浏览器中能很好的轻松的访问获取事件对象以及事...); return false;//阻止链接跳转 }); (7)event.which()方法 该方法的作用是在鼠标单击事件中获取到鼠标左中右键,在键盘事件中获取键盘的按键.
72.show show() 类型：self 回复对象集合中每一个元素默认的display值，如果你用hide将元素隐藏，用该属性可以将其显示。...array的子集，从start开始，如果给定end，提取从从start 开始到end结束的元素 但是不包含end位置的元素。...类型;self 获取或者设置所有对象集合中元素的文本内容，当没有给定content参数时，返回当前对象集合中第一个元素的文本内容（包含子节点中的文本内容）当给定content 参数时，...79.unwrap unwrap() 类型：self 移除集合中每个元素的直接父节点，并把他们的子元素保留在原来的位置，基本上，这种方法删除 上一的祖先元素...类型：self 获取或设置匹配元素的值，当没有给定value 参数，返回第一个元素的值。
ColumnProperty 描述与表列或其他列表达式对应的对象属性。 Composite 用于CompositeProperty类的与声明兼容的前端。...QueryContext Relationship 描述一个对象属性，该属性保存与相关数据库表对应的单个项目或项目列表。...RelationshipProperty 描述一个对象属性，该属性保存与相关数据库表对应的单个项目或项目列表。...给定的参数 other 可能是： 一个字面值列表，例如： stmt.where(column.in_([1, 2, 3])) 在此调用形式中，项目列表被转换为与给定列表相同长度的一组绑定参数： WHERE...class sqlalchemy.orm.Relationship 描述一个对象属性，该属性包含与相关数据库表对应的单个项目或项目列表。 公共构造函数是 relationship() 函数。
Implementation 获取当前文档的 XmlImplementation 对象。 InnerText 获取或设置节点及其所有子节点的串联值。...二、方法 AppendChild 将指定的节点添加到该节点的子节点列表的末尾。 （继承自 XmlNode。）...返回一个 XmlNodeList，它包含与指定名称匹配的所有子代元素的列表。...PrependChild 将指定的节点添加到该节点的子节点列表的开头。 （继承自 XmlNode。）...返回一个 XmlNodeList，它包含与指定名称匹配的所有子代元素的列表。
领取专属 10元无门槛券
手把手带您无忧上云
