:even
$("tr:even")
所有偶数
<tr>
:odd
$("tr:odd")
所有奇数
<tr>
元素
建议
找不到东西的时候
去
w3c
查查手册
1、引用jQuery库到页面
2、获取input的值
$("#input的id")val();//这就是获取input的值，也可以给input赋值1、下载jQuery代码库
下载后如下图所示：
2、部署jQuery代码库
jQuery的部署与使用非常简单，只需要把其放入到项目中，并在页面中使用script标签中的src属性载入即可。
3、快速入门
例：使用jQuery隐藏一个div元素
4、基本选择器（重点）
• #id ：根据元素的id属性来获取元素
• class ：根据元素的class属性来获取元素
• Element ：根据元素的名称来获取元素
selector1,selector2 ：群组选择器，可以同时匹配多个元素
示例代码：
5、层级选择器（重点）
同级兄弟关系，父子关系，祖先与后代元素关系
• ancetor（空格）descendant ：选择当前元素的所有后代元素（不分层级）
• parent > child ：选择父元素下的所有子元素（只有一级，要求是父子关系）
• prev + next ：选择当前元素紧邻的同级元素的下一个元素
• prev ~ siblings ：选择当前元素紧邻的所有同级兄弟元素
示例代码：
6、简单选择器
• :first ：选择索引为0第一个元素，索引默认是从0开始的
• :last ：选择索引最大的最后一个元素
• :even ：选择索引为偶数的所有元素
• :odd ：选择索引为奇数的所有元素
• :eq(index) ：根据元素的索引index来获取元素
• :gt(index) ：选择索引大于index的所有元素
• :lt(index) ：选择索引小于index的所有元素
• :not(selector) ：选择除指定选择器以外的其他元素
示例代码：
7、由于jquery选择器太多，小编就不一一举例子了。依照这个思路写就行了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
:nth-child表示匹配其下的子元素:nth-child(Xn+Y)表示从第Y个开始，递增X则可以有:nth-child(3n+10)表示从第10个开始，10，13，16，19……:nth-child(3n)则Y=0，可省略，表示从0开始，0，3，6，9……
$('#id')siblings() 当前元素所有的兄弟节点
$('#id')prev() 当前元素前一个兄弟节点
$('#id')prevaAll() 当前元素之前所有的兄弟节点
$('#id')next() 当前元素之后第一个兄弟节点
$('#id')nextAll() 当前元素之后所有的兄弟节点
这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。
扩展资料
1、jquery 获取元素(父节点,子节点,兄弟节点)
$("#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");
2、元素筛选
// 以下方法都返回一个新的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中所有奇数顺序的元素
以上就是关于jquery获取ul下的第1,3,5,7,9个li全部的内容，包括:jquery获取ul下的第1,3,5,7,9个li、如何用jquery获取input中输入的值、使用JQuery实现表格奇数行一个颜色，双数行一个颜色。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）