jQuery学习：jQuery对象的查找

jQuery学习：jQuery对象的查找

<div id="div">div</div><span class="box">class为box的span</span><br><div><ul><span>这是span1</span><li>AAAAA</li><li title="hello" class="box2">BBBBB</li><li class="box" id="cc">CCCC</li><li title="hello">DDDDD</li><li title="two"><span>span2</span></li><span>span3</span></ul><span>span4</span><li>eeeee</li><li>HOOPP</li>

查找孩子 兄第 就是不查找自己 否则就是过滤

children():查找子元素

	            var $ul = $('ul');// ul标签的第二个span标签子元素)$ul.children('span:eq(1)').css('background', 'fuchsia')

find():查找后代元素

		        // ul标签的第二个span后代标签$ul.find('span:eq(1)').css('background', 'red')

parent()：查找父标签

// ul标签的父标签$ul.parent().css('background', 'red')

	$ul.parent().parent().css('background', 'red')

prev()：前面的一个标签

prevAll():前面所有同辈元素

		// id为cc的li标签的前面的所有li标签var $li = $('#cc')$li.prevAll('li').css('background', 'red')

siblings()查找所有兄弟元素

        var $li = $('#cc')// id为cc的li标签的所有兄弟li标签$li.siblings('li').css('background', 'red')