JQuery 基本过滤选择器
来源:互联网 发布:如何炒作网络高手 编辑:程序博客网 时间:2024/05/01 21:57
HTML页面结构:
<a id="a1">first</a> <a id="a2">last</a> <a id="a3">not</a> <a id="a4">even</a> <a id="a5">odd</a> <a id="a6">eq(1)</a> <a id="a7">gt(1)</a> <a id="a8">lt(1)</a> <a id="a9">header(h1-h6)</a> <a id="a10">animated</a> <hr/>
:first选取第一个元素
$("#a1").click(function(){$("input:first").css("border","2px solid blue"); });
:last选取最后一个元素
$("#a2").click(function(){$("input:last").css("border","2px solid blue"); });
:not(selector)去除所有与给定选择器匹配的元素。
$("#a3").click(function(){$("input:not(fieldset input)").css("border","2px solid blue"); });
:even选取索引值为偶数的所有元素。其中索引值从0开始计算,也就是指0,2,4...
$("#a4").click(function(){$("input:even").css("border","1px solid blue"); });
:odd 选取索引值是奇数的所有元素,同样索引值从0开始计算,即1,3,5,7....
$("#a5").click(function(){$("input:odd").css("border","1px solid blue"); });
:eq(index)选取索引值等于index的元素,其中index从0开始计算
$("#a6").click(function(){$("input:eq(1)").css("border","3px solid blue"); });
$("#a7").click(function(){$("input:gt(1)").css("border","3px solid blue"); });
:lt(index)选取索引值小于index的元素,其中index从0开始计算
$("#a8").click(function(){$("input:lt(1)").css("border","3px solid blue"); });
:header 选取页面所有的标题元素h1~h6
$("#a9").click(function(){$(":header").css("border","3px solid blue"); });
//:animated 选取当前正在执行动画的所有元素
$("#a10").click(function(){//改变页面中没有执行动画的所有input元素的边框属性$("input:not(:animated)").css("border","1px solid blue"); });
0 0
- jQuery基本过滤选择器
- jquery基本过滤选择器
- jQuery基本过滤选择器
- JQuery 基本过滤选择器
- jQuery基本过滤选择器
- jQuery基本过滤选择器
- jquery基本过滤选择器
- jQuery-基本过滤选择器
- jQuery过滤选择器-基本过滤选择器
- Jquery过滤选择器之基本过滤选择器
- 使用jQuery基本过滤选择器
- jQuery 的基本过滤选择器
- 使用Jquery基本过滤选择器
- jQuery的基本过滤选择器
- jQuery选择器 过滤选择器(一.基本过滤选择器)
- Jquery(五)过滤选择器之基本过滤
- jquery选择器之基本过滤选择器
- jQuery选择器——基本过滤选择器
- Docker学习笔记 — Swarm搭建Docker集群
- 字对齐与LSB关系
- ObjectMapper框架的探索学习
- 多频段图像融合
- android 水波纹
- JQuery 基本过滤选择器
- Android_ExpandableListView_一个ListView实现二级列表
- 线程面试
- LoadRunner获取接口请求响应信息
- 光伏能源公司(未完,继续整理中~)
- CentOS7 安装cobbler自动部署ubuntu
- Linux下的压缩zip,解压缩unzip命令详解及实例
- android Monkey
- centos+RabbitMQ安装详解