<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> $(function(){ $('#btnok').bind('click',function(){ //1.选取页面中的第3个div元素 //$('div').eq(2).html('test'); //2.通过过滤器选择元素,筛选满足条件的结果，匹配条件成test //$('div').filter('.cls1').html('test'); //3.通过find方法查找元素 //alert($('div').find('.cls1').text()); //4.获取div2所有同级兄弟兄弟节点 var jq = $('#div2').siblings('div').html('test'); }); }); </script> </head> <body> <div> <h1>jquery</h1> <div class="cls1">jquery是著名的js代码库</div> </div> <div id="div2">div2</div> <div>div3</div> <hr /> <input type="button" id="btnok" value="OK" /> </body> </html>