关于jQuery的几条常用代码

1、next();　　// 获取当前元素的下一个兄弟元素

 

2、nextAll();　　// 获取当前元素后面所有的兄弟元素

 

3、prev();　　// 获取当前元素的前一个兄弟元素

 

4、prevAll();　　// 获取当前元素前面的所有兄弟元素

 

5、siblings();　　// 获取当前元素的所有兄弟元素

 

6、children();　　// 获取一个元素的直接子元素，类似于 $(‘ul > li’)

 

7、find();　　// 获取一个元素的某种所有子元素，类似于 $(‘ul li’)

 

8、parent();　　// 获取当前元素的父元素

 

9、index();　　// 获取下标

 

10、html();　　// 获取标签内容

 

11、text();　　// 更改标签内容

 

　　例子：

　　　　var liname2 = $(this).html();

              $(".navtip_in_txt>div:eq(3)").text(liname2);

 

12、remove();　　// 删除元素

 

13、append();　　// 添加元素

 

　　例子：(在原来位置上进行删除添加)

　　　　$(".navtip_in_txt>div:eq(3)").remove();

　　　　$(".navtip_in_txt").append("<div></div");

 

14、toggleClass();　　// 切换样式

 

15、addClass();　　// 添加样式

 

16、removeClass();　　// 删除样式

 

 17、attr();　　// 获得属性

 

　　例子：(获取data-id的值)

　　　　$(this).parent().parent().attr('data-id');

 

 18、odd    奇数

　　 even   偶数

　　例子：（获取li的奇数行跟偶数行）

　　　　$('li:odd).css('background-color','red');
　　　　$('li:even).css('background-color','green');