jquery子元素过滤选择器使用示例
:nth-child('索引值')//获取指定元素下的某个子元素的位置,索引从1开始;
//偶数行
//$('li:nth-child(even)').addClass('class1');
//奇数行
//$('li:nth-child(odd)').addClass('class1');
//第一行
//$('li:nth-child(1)').addClass('class1');
//$('li:first-child').addClass('class1');
//只有1个子元素
$('li:only-child').addClass('class1');
相关推荐
-
jQuery过滤选择器经典应用
本文实例为大家分享了经典的jQuery过滤选择器应用,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过滤选择器</title> <style type="text/css"> #txt_show {display:none; color:#00C
-
jQuery表单对象属性过滤选择器实例详解
本文实例讲述了jQuery表单对象属性过滤选择器.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>2-11</title> <script src="jquery-1.7.2.min.js" type="t
-
jQuery基本过滤选择器用法示例
本文实例讲述了jQuery基本过滤选择器用法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea
-
jquery表单对象属性过滤选择器实例分析
本文实例讲述了jquery表单对象属性过滤选择器用法.分享给大家供大家参考.具体分析如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &
-
jQuery过滤选择器:not()方法使用介绍
jQuery(':not(selector)') 在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) 复制代码 代码如下: <p >"a">sdfsdfs</p> <p >"b">sdfsdfs</p> <p >"c">sdf
-
jQuery可见性过滤选择器用法示例
本文实例讲述了jQuery可见性过滤选择器用法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <!-- 引入jQuery --> <script src="js/jquery-1.10.1.mi
-
jquery选择器之层级过滤选择器详解
复制代码 代码如下: $("ancestor descendant"):选取parent元素后所有的child元素$("parent > child"):选取parent元素后所有的直属child元素,何谓"直属",也就是第一级的意思了$("prev + next"):prev和next是两个同级别的元素. 选中在prev元素后面的next元素$("prev ~ siblings"):选择prev后面
-
jQuery子元素过滤选择器用法示例
本文实例讲述了jQuery子元素过滤选择器用法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="te
-
jQuery过滤选择器用法示例
本文实例讲述了jQuery过滤选择器用法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&
-
使用jQuery内容过滤选择器选择元素实例讲解
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- 内容过滤选择器:根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位 jQuery选择器详解 根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器.层次选择器.过滤选择器.表单选择器四大类.其中,在过滤选择器中有可以分为:简单过滤选择器.内容过滤选择器.可见性过滤选择器.
-
jQuery内容过滤选择器用法示例
本文实例讲述了jQuery内容过滤选择器用法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="tex
随机推荐
- AngularJS实现controller控制器间共享数据的方法示例
- Lua中的函数精讲笔记
- 实现百度关键字搜索的批处理
- JS解决移动web开发手机输入框弹出的问题
- 出现java.util.ConcurrentModificationException 问题及解决办法
- 让jQuery Mobile不显示讨厌loading界面的方法
- Android ScrollView 下嵌套 ListView 或 GridView出现问题解决办法
- js流动式效果显示当前系统时间
- 禁用JavaScript控制台调试的方法
- Sql Server中REPLACE函数的使用
- C语言数据结构之双向循环链表的实例
- 推荐大家看下GGAD会议归来话总结
- java selenium教程环境搭建基于Maven
- C++计数排序详解
- java开发之内部类的用法
- Android EdText编辑框禁止输入表情符号(使用正则表达式)
- Android编程之ICS式下拉菜单PopupWindow实现方法详解(附源码下载)
- web前端vue之vuex单独一文件使用方式实例详解
- Ubuntu16.04搭建NFS 文件共享服务器的方法
- 使用maven生成可执行的jar包的方法