js jq 節點 元素獲取

/* 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.previoussibling; // 上乙個兄弟節點

var next = test.nextsibling; // 下乙個兄弟節點

var parent = test.parentelement; // 父節點元素

var first = test.firstelementchild; // 第乙個子節點元素

var last = test.lastelementchile; // 最後乙個子節點　元素

var previous = test.previouselementsibling; // 上乙個兄弟節點元素

var next = test.nextelementsibling; // 下乙個兄弟節點元素

/* jq */

$("#test").parent(); // 父節點

$("#test").parents(); // 所有祖先元素

$("#test").parents(".content"); //所有是content元素的祖先元素。

$("#test").children(); // 全部子節點

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

$("#test").contents(); // 返回#test裡面的所有內容，包括節點和文字

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

$("#test").prev();  // 上乙個兄弟節點

$("#test").prevall(); // 之前所有兄弟節點

$("#test").next(); // 下乙個兄弟節點

$("#test").nextall(); // 之後所有兄弟節點

$("#test").siblings(); // 所有兄弟節點

$("#test").siblings("#content");

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

//元素篩選

// 以下方法都返回乙個新的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 JQ獲取節點的同級，父級，子級元素

先說一下js的獲取方法，其要比jquery的方法麻煩很多，後面以jquery的方法作對比。js的方法會比jquery麻煩很多，主要則是因為ff瀏覽器，ff瀏覽器會把你的換行也當最dom元素 原生的js獲取id為test的元素下的子元素。可以用 var a docuemnt.getelementbyi...

JS JQ獲取節點的同級，父級，子級元素

先說一下js的獲取方法，其要比jquery的方法麻煩很多，後面以jquery的方法作對比。js的方法會比jquery麻煩很多，主要則是因為ff瀏覽器，ff瀏覽器會把你的換行也當最dom元素 原生的js獲取id為test的元素下的子元素。可以用 var a docuemnt.getelementbyi...

JS JQ獲取節點的同級，父級，子級元素

先說一下js的獲取方法，其要比jquery的方法麻煩很多，後面以jquery的方法作對比。js的方法會比jquery麻煩很多，主要則是因為ff瀏覽器，ff瀏覽器會把你的換行也當最dom元素 原生的js獲取id為test的元素下的子元素。可以用 var a docuemnt.getelementbyi...