jquery 元素使用

標籤：jquer   cti   無法   var   數組   複雜   不能   關係   blog   

            //在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");                

 

jquery 元素使用