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() 方法描述:获取集合中每个匹配元素的子元素
解决高度塌陷 父元素在文档流中会默认被子元素撑开 如果此时给子元素添加浮动效果 子元素就会脱离文档流 从而造成父元素的高度塌陷 此时页面便会混乱 如果给父元素设置高宽便会使父元素锁死 不能随子元素变化随意撑开...弹性盒子模型: 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 参数,返回第一个元素的值。
Implementation 获取当前文档的 XmlImplementation 对象。 InnerText 获取或设置节点及其所有子节点的串联值。...二、方法 AppendChild 将指定的节点添加到该节点的子节点列表的末尾。 (继承自 XmlNode。)...返回一个 XmlNodeList,它包含与指定名称匹配的所有子代元素的列表。...PrependChild 将指定的节点添加到该节点的子节点列表的开头。 (继承自 XmlNode。)...返回一个 XmlNodeList,它包含与指定名称匹配的所有子代元素的列表。
(3)列表 如果参数为列表,过滤标准为列表中的所有元素。看下具体代码,你就会一目了然了。 ? 另外 attrs 参数可以也作为过滤条件来获取内容,而 limit 参数是限制返回的条数。...这就需要对parse tree进行遍历 (1)获取子节点 利用.children属性,该属性会返回当前节点所以的子节点。...但是它返回的类型不是列表,而是迭代器 (2)获取所有子孙节点 使用.descendants属性,它会返回所有子孙节点的迭代器 (3)获取父节点 通过.parent属性可以获得所有子孙节点的迭代器 (4)...获取所有父节点 .parents属性,也是返回所有子孙节点的迭代器 (5)获取兄弟节点 兄弟节点可以理解为和本节点处在统一级的节点,.next_sibling属性获取了该节点的下一个兄弟节点,.previous_sibling...则与之相反,如果节点不存在,则返回 None 注意:实际 HTML 中的 tag 的.next_sibling和 .previous_sibling属性通常是字符串或空白,因为空白或者换行也可以被视作一个节点
列表中的每个节点都是同一列表中其他节点的同胞节点 使用 previousSibling 和 nextSibling 可以在这个列表的节点间导航(首或尾节点前或后为null) 父节点和它的第一个及最后一个子节点也有专门属性...null ID必须跟元素在页面中的 id 属性值完全匹配,包括大小写 getElementsByTagName():接收获取元素的标签名,返回包含零个或多个元素的 NodeList 在 HTML 文档中...childNodes属性包含元素所有的子节点,这些子节点可能是其他元素、文本节点、注释或处理指令。...NodeList 只会返回以调用它的对象为根元素的子树中所有匹配的元素 如果要给包含特定类(而不是特定 ID 或标签)的元素添加事件处理程序,使用这个方法会很方便 // 取得所有类名中包含"username...是"important"或空字符串 计算样式 style 对象中包含支持 style 属性的元素为这个属性设置的样式信息,但不包含从其他样式表层叠继承的同样影响该元素的样式信息。
在小程序页面中如何使用自定义组件 父(外部)组件如何向子组件传值 子组件如何接受父组件传递过来的值,同时渲染组件 子组件内如何进行事件交互,如何向父组件传递数据,影响父组件定义的数据 另一种方法父组件获取子组件的数据...this.selectComponent("类名或ID")方法获取子组件的实例对象,这样在父组件中不必通过event.detail的方式获取,可以直接访问子组件任意的数据和方法(后面也会提到) 如何向自定义组件内传递数据...,当达到触发事件,就会执行逻辑层中对应的事件处理函数 事件对象可以携带额外信息,如 id, dataset, touches 事件系统是组件间通信的主要方式之一。...="handleCount" > 那么,在父组件中的handleCount中里调用 this.selectComponent,获取子组件的实例数据 调用时需要传入一个匹配选择器 selector...,class与Id都可以,如,this.selectComponent('类或ID') 本示例中是this.selectComponent('.count'),如下示例代码所示 handleCount
领取专属 10元无门槛券
手把手带您无忧上云