jq 多种过滤器
来源:互联网 发布:浙师大行知学院好不好 编辑:程序博客网 时间:2024/06/05 14:11
简单过过滤器点击打开链接
//:odd 选择奇数行
$('ul li:odd').css('background-color','cadetblue');
//:even 选择偶数行
$('ul li:even').css('background-color','bisque');
//:first 只选择第一行
$('ul li:first').css('border','thin solid yellow');
//:last 只选择最后一行
$('ul li:last').css('border','thin solid yellow');
//:eq(n) 选择第n行,从0开始
$('ul li:eq(9)').css('background','greenyellow');
//:gt(n) 第n行之后的所有元素
$('ul li:gt(3)').css('border','thin solid black');
//:lt(n) 第n行之前的所有元素
$('ul li:lt(6)').css('background','lightcoral');
内容过滤器点击打开链接
$('div:contains("bye")').css('border','thin solid pink');
//:empty 只选择没有包含内容和子标签的标签
$('div:empty').css('background','darkorchid').html('这是后面加的');
//:has 只选择包含指定的子标签
$('div:has(span)').css('border','thin solid black').html('has');
属性过滤器点击打开链接
//[] 在括号里填写标签的属性
$('div[class]').css('color','red');
//:nth-child(n) 选择第n个符合条件的标签
$('ul li:nth-child(2)').css('background','paleturquoise');
可见性过滤器点击打开链接
//:visible 只选择没有隐藏的标签对象
console.log('visible:'+$('div:visible').html());
//:hidden 只选择被隐藏的标签对象
console.log('hidden'+$('div:hidden').html());
筛选选择器方法点击打开链接
var ul=$('#big');
//.find(选择器) 使用jQuery对象查找子节点(所有的子节点)
console.log(ul.find('li'));
//.children 使用jQuery对象获取该节点下的所有子节点(不包括孙子)
console.log(ul.children());
//.siblings 获取除了自己以外的其他兄弟节点
console.log($('.li-2').siblings());
//.parent 获取该元素的父节点
console.log($('.li-2').parent());
//.eq(n) 获取第n个节点,索引是从0开始计算
console.log($('#big>li').eq(2));
- jq 多种过滤器
- jq过滤器方法 选择器
- AngularJS中多种过滤器的使用
- [JQ权威指南]第四天:使用JQ属性过滤器选择元素
- 支持多种语言的代码高亮过滤器
- logstash过滤器filter grok多种日志匹配使用心得
- jQ
- jQ
- jq
- jq
- JQ
- jq
- jQ
- jQ
- jq
- jq
- jq
- JQ
- jstl各版本、el表达式关系、setvlet版本
- Mysql->order by SQL 根据多个条件排序
- Python(十三)线程和进程
- [su]Linux下单机mysql的rpm安装文档V0.9
- 一个无限极分类转成tree树的数据结构
- jq 多种过滤器
- C语言程序设计:现代方法6
- 求高精度幂,Java BigDecimal 去前导零和后导零
- git使用
- 七牛云php
- C++获取系统和程序的位数
- csdn 直接粘贴待图片文章解决办法
- Makefile学习心得
- webservice 执行连接oracle报错32位不能运行64位系统