jquery 元素使用

            //在jQuery中相当于window.onload的作用的函数
            //JS对象能够操作使用JS对象的属性，函数，jQuery对象不能使用
            $(function(){
                //通过jQurey获取的对象成为jQuery对象
                var jDiv=$("#nav");
                jDiv.text("超越自己，掌控一切");
//                alert(jDiv.text());

                //获取类的方式
                var vJDivs=$(".jclass");

                //通过标签的获取

                //通过层次关系来获取
                //获取的是父容器下的所有直接子元素，是一个数组
                var getdiv=$("#box").children();
//                alert(getdiv.length);
                //通过子标签获取父标签
                //parent是获取直系的父亲
                //parents是获取它的父辈们
                var erzi=$("#main1").parent();

                //获取main1的爷爷
                var erzi1=$("#main1").parent().parent();
                //改样式
                //erzi1.css("background-color","aqua");

                //通过父元素获取某一个子元素
                //find(),不管层次关系，只要是后辈的都能获取到
                var getchild=$("#box").find("#s1");
                getchild.css("font-size","50px");

                //无法通过name值来获取
                //复杂的查找方式
                //div中的第一个标签
                var divs=$("div").first();
                //divs.css("background-color","aqua");

                //div标签中最后一个标签
                var iss=$("div").last();
                //iss.css("background-color","aqua");

                //取第一个的下一个的下一个
                var lp=$("div").first().next().next();
                //所有div中第一个的后面的所有div  nextAll();

                //从最后一个的上一个的上一个
                var pl=$("div").last().prev().prev();

                //明确获取的所有标签中按顺序指定获取哪一个
                var st=$("div:eq(4)");
                st.css("background-color","bisque");

                //兄弟元素：具有相同的父元素
                var bor=$("#main1").siblings();
                bor.css("color","red");
                //获取兄弟元素中的某一个
                var bor1=$("#main1").siblings("#main3");
                bor1.css("color","coral");