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; // 下乙個兄弟節點
jquery選擇:
jquery.prop("outerhtml");---獲取當前節點內容,對於不常用的獲取方法,不知道獲取到的是哪個節點時有用.
$("#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");
元素選擇:
// 以下方法都返回乙個新的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中所有奇數順序的元素
JQ常用選擇器總結
1 常用選擇器 myelement 選擇id為myelement的元素，唯一元素 div 選擇所有的div標籤元素，返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素，可用多種的選擇方式聯合選擇 例如 myelement,div,myclass 2...
jq常用選擇器
jquery 使用 css 選擇器來選取 html 元素。div 選取 元素。p.intro 選取所有 class intro 的 元素。p demo 選取所有 id demo 的 元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有 href 屬性的元素。h...
JQ類css選擇器
1 類css選擇器 1.1 基本選擇器 id選擇器 標籤選擇器 類選擇器 並集選擇器 交集選擇器 全域性選擇器 1.2 層次選擇器 後代選擇器 使用空格作為分隔符 子選擇器 使用 作為分隔符 相鄰元素選擇器 使用 作為分隔符 同輩元素選擇器 使用 作為分隔符 1.3 屬性選擇器 attribute ...