开网站流程,学习网站开发软件,1688官网商家版,两学一做晋中市网站使用angular.element()获取一个dom的方法。 1.可以使用jquery的选择器 2.可以使用javascript的原生查找元素的方法 下面是angular.element()提供的方法 input typecheckbox classinput /input typetext classinput1input typecheckbox classinput /input typetext classinput1 value值 /div classtestdiv1/divdiv classtestdiv2/divdiv classtest1p子元素/p/divdiv classtest2 data-valuewwe!--注释--p子元素1/p/divdiv classtest3 test4pp1/pp classp2p2/ppp3/ppp4/ppp5/pspan span1/span/divscript//bind() - 为一个元素绑定一个事件处理程序//data()-在匹配元素上存储任意相关数据//on() - 在选定的元素上绑定一个或多个事件处理函数//off() - 移除一个事件处理函数//one() - 为元素的事件添加处理函数。处理函数在每个元素上每种事件类型最多执行一次//ready()-当DOM准备就绪时指定一个函数来执行//removeData()-在元素上移除绑定的数据//triggerHandler() -为一个事件执行附加到元素的所有处理程序//unbind() - 从元素上删除一个以前附加事件处理程序//addClass()-为每个匹配的元素添加指定的样式类名angular.element(document.querySelectorAll(.test)).addClass(asd);//after()-在匹配元素集合中的每个元素后面插入参数所指定的内容作为其兄弟节点angular.element(document.querySelector(.test)).after(p我是通过after()添加进来的/p);//append()-在每个匹配元素里面的末尾处插入参数内容angular.element(document.querySelector(.test)).append(p我是通过append()添加进来的/p);//attr() - 获取匹配的元素集合中的第一个元素的属性的值console.log(angular.element(document.querySelector(.test)).attr(class));//children() - 获得匹配元素集合中每个元素的子元素选择器选择性筛选console.log(angular.element(document.querySelector(.test1)).children());//clone()-创建一个匹配的元素集合的深度拷贝副本angular.element(document.querySelector(.test)).append(angular.element(document.querySelector(.test1)).clone());//contents()-获得匹配元素集合中每个元素的子元素包括文字和注释节点console.log(angular.element(document.querySelector(.test2)).contents());//css() - 获取匹配元素集合中的第一个元素的样式属性的值console.log(angular.element(document.querySelector(.test3)).css(color));//detach()-从DOM中去掉所有匹配的元素angular.element(document.querySelector(.test1 p)).detach();//empty()-从DOM中移除集合中匹配元素的所有子节点angular.element(document.querySelector(.test2)).empty();//eq()-减少匹配元素的集合为指定的索引的哪一个元素console.log(angular.element(document.querySelectorAll(.test3 p)).eq(2)[0].innerHTML);//find() - 通过一个选择器jQuery对象或元素过滤得到当前匹配的元素集合中每个元素的后代console.log(angular.element(document.querySelector(.test3)).find(span)[0].innerHTML);//hasClass()-确定任何一个匹配元素是否有被分配给定的样式类console.log(angular.element(document.querySelector(.test3)).hasClass(test4));//html()-获取集合中第一个匹配元素的HTML内容console.log(angular.element(document.querySelector(.test2)).html());//next() - 取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器那么只有紧跟着的兄弟元素满足选择器时才会返回此元素console.log(angular.element(document.querySelector(.test3 .p2)).next()[0].innerHTML);//parent() - 取得匹配元素集合中每个元素的父元素可以提供一个可选的选择器console.log(angular.element(document.querySelector(span)).parent());//prepend()-将参数内容插入到每个匹配元素的前面元素内部angular.element(document.querySelector(.test)).prepend(p我是通过prepend()添加进来的/p);//prop()-获取匹配的元素集中第一个元素的属性property值angular.element(document.querySelector(.input)).prop(checked, true);//remove()-将匹配元素集合从DOM中删除。同时移除元素上的事件及 jQuery 数据。angular.element(document.querySelector(.test2)).remove();//removeAttr()-为匹配的元素集合中的每个元素中移除一个属性attributeangular.element(document.querySelector(.test2)).removeAttr(data-value);//removeClass()-移除集合中每个匹配元素上一个多个或全部样式angular.element(document.querySelector(.test3)).removeClass(test4);//replaceWith() - 用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合angular.element(document.querySelector(.test1)).replaceWith(preplaceWith()替换的内容/p);//text()-得到匹配元素集合中每个元素的合并文本包括他们的后代console.log(angular.element(document.querySelector(.test)).text());//toggleClass()-在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即如果存在不存在就删除添加一个类angular.element(document.querySelector(.test1)).toggleClass(test1);angular.element(document.querySelector(.test2)).toggleClass(test1);//val()-获取匹配的元素集合中第一个元素的当前值console.log(angular.element(document.querySelector(.input1)).val());//wrap() - 在每个匹配的元素外层包上一个html元素angular.element(document.querySelector(.test1)).wrap(div/div);/script 事件 $destory:当Dom被移除时 Angular 拦截所以的jqLite或者jquery Dom对象销毁api和事件。这个事件能在Dom被移除前用来清除任何Dom上的相关。 方法 controller(name)检索当前元素或其父元素的controller默认情况下检索与ngController相关的controller如果name是以驼峰模式命名的指令名称那么这个指令的controller就是这样如’ngModel’ 。 injector():检索当前元素或其父元素的依赖注入。 scope():检索当前元素或其父元素的scope。 isolateScope():如果有一个scope直接附着在当前元素检索一个隔离的scope这仅用于元素包含一个创建了新的隔离的scope的指令这个元素调用scope()总是返回原来的非隔离scope。 inheritedData():和data()一样但是会沿着Dom走直到值被找到或者走到顶级Dom元素。由此可见应该是向上传播的意思。 转载于:https://www.cnblogs.com/lmyt/p/6605069.html
