jQuery基礎學習8——層次選擇器next()和prev()方法

$('.one + div').css("background","#bbffaa"); //和next()方法是等價的，前后關系，和prev()方法是對立的

$('.one').next('div').css("background","#bbffaa");

---

$('.one').next().css("background","#bbffaa"); //不指定向后查找的元素條件則返回開始class的第二個元素到臨近的第一個元素

---

$('.one').next('#two-one').css("background","#bbffaa"); //向后查找臨近的元素

---

$('.one').next('#abc').css("background","#bbffaa"); //向后查找不存在的元素返回為空

$('.one').next('#two-two').css("background","#bbffaa"); ////向后查找不臨近的元素，則返回為空

---

$('.two').prev('div').css("background","#bbffaa"); //查找跟class臨近的所有div元素

---

$('.two').prev().css("background","#bbffaa"); //查找跟class臨近的所有元素

---

$('.two').prev('#four').css("background","#bbffaa"); //查找跟class臨近的指定id元素

---

$('.two').prev('#abc').css("background","#bbffaa"); //向前查找不存在的元素返回為空

$('.two').prev('#three').css("background","#bbffaa"); //查找的元素不是臨近的也返回空

---

$('#two').next('div').css("background","#bbffaa"); //查找跟指定id元素鄰近的所有div元素

---

$('#two').next('#three').css("background","#bbffaa"); //查找跟指定id元素臨近的指定id元素

---

$('#two').next('#four').css("background","#bbffaa"); //查找跟指定id元素不臨近的指定id元素，則返回為空

---

$('#two-one').prev('div').css("background","#bbffaa"); //查找跟指定id元素之前的所有div元素

---

$('#two-one').prev('#four').css("background","#bbffaa"); //查找跟指定id元素之前的指定id元素

---

$('#two-one').prev('#three').css("background","#bbffaa"); //查找跟指定id元素之前的不臨近指定id元素，則返回為空