夺命雷公狗jquery---46查找操作 

<!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>

 

posted @ 2015-10-30 01:58  夺命雷公狗  阅读(166)  评论(0)  编辑  收藏  举报