教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 有关jquery一些选择器的用法小结

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

发布时间:2015-10-27   编辑:jiaochengji.com
刚开始接触jquery的选择器,作个小结,以备以后翻阅,有需要的朋友,也不妨参考下。

1,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 教程栏目。

您可能感兴趣的文章:
jquery 获取对象的方法以及jquery 选择器的使用
jquery选择器大全详解
有关jquery一些选择器的用法小结
Jquery实战_读书笔记2 选择器
jquery选择器大全 全面详解jquery选择器
详解强大的jQuery选择器之基本选择器、层次选择器
Jquery常用选择器的几点知识
jQuery学习笔记之jQuery选择器的使用
基于JQuery 选择器使用说明介绍
jquery选择器(常用选择器说明)

关键词: Jquery选择器   
[关闭]
~ ~