最赞回答 / 诗者歌曰
interface CSSRule { const unsigned short STYLE_RULE = 1; const unsigned short CHARSET_RULE = 2; // Obsolete const unsigned short IMPORT_RULE = 3; const unsigned short MEDIA_RULE = 4; const unsigned short FONT_FACE_RULE = 5; const unsigne...
2016-02-21
关注jQuery模拟的这一段代码即可:
$("#test1").click(function(){
var item = $('.item-1');
alert(item.parent()[0]);//ul .level-3
alert( item.parents().length);//length=7,共7个
alert( item.parentsUntil('body').length);//length=5,在body前(*不包括body)共5个parent元素
})
其他的是说在纯js中实现上面方法的过程。通过对比,最直观的,能发现JQ给我们节省的代码量可不是一点半点
$("#test1").click(function(){
var item = $('.item-1');
alert(item.parent()[0]);//ul .level-3
alert( item.parents().length);//length=7,共7个
alert( item.parentsUntil('body').length);//length=5,在body前(*不包括body)共5个parent元素
})
其他的是说在纯js中实现上面方法的过程。通过对比,最直观的,能发现JQ给我们节省的代码量可不是一点半点
console.log($('.level-2').find('.item-1'));
console.log($('.level-2').children('.item-1'));
console.log($('.level-2').children('.item-1'));
document.querySelectorAll() 是 HTML5中引入的新方法,它的使用方式与jQuery的选择器相同。
例如:
document.querySelectorAll("div");
document.querySelectorAll(".comment");
document.querySelectorAll("#userid");
由于它是HTML5原生的方法,所以不需要添加jQuery引用。
例如:
document.querySelectorAll("div");
document.querySelectorAll(".comment");
document.querySelectorAll("#userid");
由于它是HTML5原生的方法,所以不需要添加jQuery引用。
2016-01-08