#idName:匹配id值是idName的元素。 .className:匹配class值是idName的元素。 elementName:匹配元素名称是elementName的元素。 parent>child:子代选择器。 ancestor descendants:匹配所有属于ancestor元素的后代descendants元素。 prev+next:匹配紧随元素prev之后的同级元素next,两者拥有相同的父元素。选择一个。 prev~next:...
.addClass( className )方法 .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名 注意事项: .addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上 简单的描述下:...
var elements=document.getElementByTagName(tagName""); jQuery对其包装后的简化方法是 var $elements=$("tagName"); 3、类选择器 JavaScript没有提供内置的类选择方法,我们能够自己为其拓展一个。代码例如以下: document.getElementsByClassName=function(className){ var el=[], _el=document.getElementsByTagName(...
if(typeof(getElementsByClassName) == 'function') { return getElementsByClassName(className); }else { var tagname = document.getElementsByTagName(tagname); var tagnameAll = []; for(var i = 0; i < tagname.length; i++) { if(tagname[i].className == className) { tagnameAll[tagnameAll.leng...
Expr.find["CLASS"]返回一个函数,这个函数有两个参数,第一个参数className,第二个参数context,在select里面就是通过这个函数来查询指定className的DOM集合,找到以后就是seed种子集合。 select源码如下: 走到这里我们发现,我们现在已经拥有了哪些信息:token列表,缩小的context和种子集合,那么剩下的事情是不是对种子集合的...
selector1,selector2:同时获取多个元素 .class:根据元素的 class 属性来获取元素 2、层级选择器(重点) ancetor descendant :选取祖先元素下的所有后代元素(多级) parent > child :选择父元素下的所有子元素(一级) prev + next :选取当前元素紧邻的下一个同级元素 ...
$('.className')的性能,取决于不同的浏览器。 Firefox、Safari、Chrome、Opera浏览器,都有原生方法getElementByClassName(),所以速度并不慢。但是,IE5-IE8都没有部署这个方法,所以这个选择器在IE中会相当慢。 (3)最慢的选择器:伪类选择器和属性选择器 ...
tagName.className='change-after'; 1.5 通过Element.classList来访问元素的类列表。element.classList本身是只读的,但是你可以使用add()和remove()方法修改它。 constdiv=document.createElement('div');div.className='foo';// 初始状态:<div class="foo"></div>console...
遇到複雜一點的需求,例如要找出所有被包在 div 中 target="_blank" 的 <a>,以不變應萬變的寫法是先用 getElementsByTag("div") 取得所有 <div> 的陣列,跑迴圈針對這些 <div> 再以 getElementsByTagName("a") 取回其下 <a> 的陣列,再跑迴圈一一比對 target 屬性是否為 "_blank",十分麻煩。
遇到複雜一點的需求,例如要找出所有被包在 div 中 target="_blank" 的 <a>,以不變應萬變的寫法是先用 getElementsByTag("div") 取得所有 <div> 的陣列,跑迴圈針對這些 <div> 再以 getElementsByTagName("a") 取回其下 <a> 的陣列,再跑迴圈一一比對 target 屬性是否為 "_blank",十分麻煩。