js jquery獲取元素,元素篩選器

2022-01-24 08:00:50 字數 1410 閱讀 4871

1.js獲取元素

var test = document.getelementbyid("test");

var parent = test.parentnode; //

父節點var chils = test.childnodes; //

全部子節點

var first = test.firstchild; //

第乙個子節點

var last = test.lastchile; //

最後乙個子節點 

var previous = test.previoussbiling; //

上乙個兄弟節點

var next = test.nextsbiling; //

下乙個兄弟節點

2.jquery獲取元素

$("#test1").parent(); //

父節點$("#test1").parents(); //

全部父節點

$("#test1").parents(".mui-content");

$("#test").children(); //

全部子節點

$("#test").children("#test1");

$("#test").contents(); //

返回#test裡面的所有內容,包括節點和文字

$("#test").contents("#test1");

$("#test1").prev(); //

上乙個兄弟節點

$("#test1").prevall(); //

之前所有兄弟節點

$("#test1").next(); //

下乙個兄弟節點

$("#test1").nextall(); //

之後所有兄弟節點

$("#test1").siblings(); //

所有兄弟節點

$("#test1").siblings("#test2");

$("#test").find("#test1");

3.元素篩選

//

以下方法都返回乙個新的jquery物件,他們包含篩選到的元素

$("ul li").eq(1); //

選取ul li中匹配的索引順序為1的元素(也就是第2個li元素)

$("ul li").first(); //

選取ul li中匹配的第乙個元素

$("ul li").last(); //

選取ul li中匹配的最後乙個元素

$("ul li").slice(1, 4); //

選取第2 ~ 4個元素

$("ul li").filter(":even"); //

選取ul li中所有奇數順序的元素

JS JQuery獲取元素的方法

jquery獲取 jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquer...

Js Jquery獲取iframe中的元素

在父視窗中獲取iframe中的元素 js 格式 window.frames iframe的name值 document.getelementbyid iframe中控制項的id click 例項 window.frames ifm document.getelementbyid btnok clic...

Js Jquery獲取iframe中的元素

在web開發中,經常會用到iframe,難免會碰到需要在父視窗中使用iframe中的元素 或者在iframe框架中使用父視窗的元素。1 2 3 4 5 6 7 8 9 10 11 格式 window.frames iframe的name值 document.getelementbyid iframe...