跳转过程前手动存取当前页面信息 $(function(){ var aList = document.querySelectorAll("a"); for (var i=0;i<aList.length;i++) { aEvent(i) } function aEvent(i){ $(aList[i ...
分类:
其他好文 时间:
2017-02-17 14:49:28
阅读次数:
262
document.getElementById() document.getElementsTagName() css的document.getElemensBytClassName() selector语法querySelector()和querySelectorAll() 兼容性:IE8<=不支 ...
分类:
Web程序 时间:
2017-02-14 19:04:56
阅读次数:
229
javascript高级程序设计 第十一章--DOM扩展DOM最主要的扩展就是选择符API、HTML5和Element Traversal Selectors API:定义了两个方法 querySelector() 和 querySelectorAll(),能够基于CSS选择符从DOM中取得元素。q ...
分类:
编程语言 时间:
2017-02-12 22:17:56
阅读次数:
228
querySelector 和 querySelectorAll 规范定义 querySelector 和 querySelectorAll 方法是 W3C Selectors API Level 1 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。 目前几乎主流浏览器均 ...
分类:
Web程序 时间:
2017-01-16 22:53:32
阅读次数:
367
1 function $$(selector,context){ 2 context=context||document; 3 var elements=context.querySelectorAll(selector); 4 return Array.prototype.slice.call(e... ...
分类:
Web程序 时间:
2016-12-29 03:15:13
阅读次数:
162
var aLi = document.querySelectorAll('.article-tab li'); for (var i = 0; i <= aLi.length; i++) { (function(){ var p = i aLi[i].onclick = function() { a ...
分类:
Web程序 时间:
2016-12-09 11:51:12
阅读次数:
187
/**这种方式最快,因为它直接使用原生的getElementById,ByTagName和querySelectorAll();*/
$(‘#box‘).find(‘p‘);
/**jQuery会自动把这条语句转换为$(‘#box‘).find(‘p‘),效率较最快的方式慢了5%-10%*/
$(‘p‘,‘#box‘);
/**
*这条语句在jQuery内部会使用$.sibling()和javascript..
分类:
Web程序 时间:
2016-11-24 19:41:38
阅读次数:
154
var imgs = document.querySelectorAll("article img"); 获得article元素的直接或间接子孙的所有img元素, 获取2个img元素。 另一个方法querySelector()只返回找到的第一个结果。 其他的获取元素的写法区别: 获取article直 ...
分类:
Web程序 时间:
2016-11-17 00:59:07
阅读次数:
229
1.选择符API querySelector()方法 //类似于JQuery的$()方法 querySelectorAll()方法 matchesSelector()方法:接收一个CSS的选择符,如果调用元素与选择符匹配,返回true,否则,返回false。 2.对于元素间的空格,浏览器会返回文本节 ...
分类:
其他好文 时间:
2016-11-06 22:13:40
阅读次数:
225
querySelector:document.querySelector('.className') >可以选中.className的一个dom(注意只是一个) document.querySelector('#idName') >可以选中#idName的一个dom querySelectorAll ...
分类:
Web程序 时间:
2016-11-02 17:17:09
阅读次数:
193