jQuery基础---过滤器
来源:互联网 发布:php转java难吗 编辑:程序博客网 时间:2024/06/13 11:38
基础过滤器 (1)改变class不为one的所有div $("#b3").click(function(){ $("div:not(.one)").css("background","red"); });(2)改变索引为奇数的div $("#b4").click(function(){ $("div:even").css("background","red"); });(3)改变索引为偶数的div $("#b5").click(function(){ $("div:odd").css("background","red"); });(4)改变索引为大于某数的div $("#b6").click(function(){ $("div:gt(3)").css("background","red"); });(5)改变索引为等于某数的div $("#b7").click(function(){ $("div:eq(3)").css("background","red"); });(6)改变索引为小于某数的div $("#b8").click(function(){ $("div:lt(3)").css("background","red"); });内容过滤器
1、改变含有文本“di”的div元素的背景色(选择的不是dom标签)
$(“#b1”).click(function(){
$("div:contains('onion')").css("background","red");
});
2、改变不包含子元素(或者文本元素)的div空元素的背景色
$(“#b2”).click(function(){
$("div:empty").css("background","red");
});
3、改变含有class为“mini”的div元素的背景色(选择的是标签)
$(“#b3”).click(function(){
$("div:has(.mini)").css("background","red");
});
4、改变含有子元素的背景色(匹配含有子元素或者文本的元素)
$(“#b4”).click(function(){
$("div:parent").css("background","red");
});
可见度过滤器
1、改变tr中所有可见的元素(display:none和input type=”hidden” 的都会被匹配到)
$(“#b1”).click(function(){
$("tr:visible").css("background","red"); });
2、将所有不可见元素显示出来
$(“#b2”).click(function(){
$(":hidden").show(); });
2、将所有不可见元素显示出来
$(“#b2”).click(function(){
$(":hidden").show(); });
0 0
- jQuery基础----选择器,过滤器
- jQuery基础---过滤器
- Jquery过滤器的基础入门案例
- jQuery过滤器
- JQuery 过滤器
- jQuery过滤器
- jQuery过滤器
- jQuery过滤器
- JQuery--过滤器
- jQuery的简单介绍、jQuery基础选择器、jQuery的简单过滤器的介绍
- Jquery系列-Jquery过滤器
- 前端jQuery之过滤器 jQuery过滤器
- JQuery选择过滤器大全
- JQuery 实现简单过滤器
- JQuery选择过滤器
- JQuery选择过滤器大全
- JQuery内容过滤器
- JQuery选择过滤器
- 利用CSS的transform旋转制作折扇效果
- 不同窗口自动设置输入法
- 39 leetcode - Combination Sum II
- android-判断当前Fragment是否可见(Visible)
- 高速公路ETC卡签之我见3-卡片圈存
- jQuery基础---过滤器
- 感受
- java中遍历实体类属性和类型,属性值
- Android开发图片水平旋转180度
- CocosPod 安装 最详细
- 【Unity3D实战】零基础一步一步教你制作跑酷类游戏(填坑完整版)
- LeetCode笔记:204. Count Primes
- placeholder 属性 <input>标签 HTML 5特有属性
- Unity声音-音源