js父元素获取子元素img_jquery 查找匹配元素的所有子元素、子孙元素方法

*{margin:0;padding:0;}

ul li{ list-style:none;}

img {border:0 none;}

body {padding:100px;}

input[type='button']{width:100px; height:38px;display:block;position:fixed;right:20%; top:50px;}

span{display:inline-block;float:left;width:100px; height:100px; text-align:center;border:1px blue solid;margin-right:10px;}

$(function(){

$("input[type='button']").focus().click(function(){

// 使用children()

// $(".demo").children('*').css({

// color:'red',

// border:"2px red solid",

// })

// .end().after('

所有子节点:
'+$(".demo").children('*').length+'

')

//使用find()

$('.demo').find('*').css({

color:'red',

border:"2px red solid",

})

.end().after('

所有子节点:
'+$('.demo').find('*').length+'

')

})

})

span子节点b孙节点