有关jquery一些选择器的用法小结

发布时间:2019-09-19编辑:脚本学堂
刚开始接触jquery的选择器,作个小结,以备以后翻阅,有需要的朋友,也不妨参考下。

1,jquery-xuanzeqi/ target=_blank class=infotextkey>jquery选择器:
 

$(#id~标签)~后面加标签代表同辈的标签 $(#id).nextAll(标签)同辈的
$(#id+标签)+后面的标签代表相邻的标签
$(#id).next(标签)//找到相邻的标签的函数方法

2,过滤选择器
 

$("标签:first").html("css样式加转义符");
 

最后一个是last;中间的如何找到呢:
 

$("标签:eq(2)")代表第三个;
 

将前面四个标签的内容全部修改:把eq改成lt索引;lt(5)代表前五个;
该后面的几个用gt()里面是几就代表把大于几的后面都改掉;

3,选择索引为奇数的如何选择:$("标签:even")
偶数:odd
把某一个标签排除掉 先加一个class;
 

$("标签:odd:not(.class)")就把这项排除掉了;
:header替换所以的标记元素h1,h2,h3,h4,h5,h6

4,选取当前正在执行动画的所有元素:
 

slideToggle();这个函数代表页面加载完以后把隐藏的动画显示出来;
:animated 选择正在执行动画的元素;
setTimeout('函数',时间)表示隔多长时间执行这个函数;

5,内容过滤选择器
 

$("div:contains('相同的内容')").css("","");
$("div:empty")选择空的标签
$("div:has(a)")找到所有含有a标签的div;
$("div:parent")找到所有包含有子元素的div;

编辑推荐:
Jquery常用选择器的几点知识
学习JQuery选择器
jquery实例-jQuery选择器的使用

更多内容,请参考本站的Jquery 教程栏目。