jquery 选择器实例
来源:互联网 发布:电话录音软件 iphone 编辑:程序博客网 时间:2024/06/04 23:26
基本的选择器
$(“#one”).css(“background”,”#bbffaa”);改变id为one的元素的背景色
$(“.mini”).css(“background”,”#bbffaa”);改变class为mini的所有元素的背景色
$(“div”).css(“background”,”#bbffaa”);改变元素名是《div》的所有元素的背景色
$(“*”).css(“background”,”#bbffaa”);改变所有元素的背景色 $(“span,#two”).css(“background”,”#bbffaa”);改变所有的span元素和id为two的元素的背景色
层次选择器
$(“body div”).css(“background”,”#bbffaa”); 改变body内所有《div》的背景色
$(“body > div”).css(“background”,”#bbffaa”);改变《body》内子《div》元素的背景色
$(“.one + div”).css(“background”,”#bbffaa”);改变class为one的下一个《div》元素背景色
$(“#two”).nextAll(“div”).css(“background”,”#bbffaa”);改变id为two元素后面的所有《div》兄弟元素的背景色
过滤选择器-基本过滤选择器
$(“div:first”).css(“background”,”#bbffaa”);改变第一个div元素的背景色
$(“div:last”).css(“background”,”#bbffaa”);改变最后一个div元素的背景色
$(“div:not(.one)”).css(“background”,”#bbffaa”);改变class不为one的div的背景色
$(“div:even”).css(“background”,”#bbffaa”);改变索引值为偶数的《div》元素的背景色
$(“div:odd”).css(“background”,”#bbffaa”);改变索引值为奇数的《div》元素的背景色
$(“div:eq(3)”).css(“background”,”#bbffaa”);改变索引值为3的《div》元素的背景色
$(“div:gt(3)”).css(“background”,”#bbffaa”);改变索引值为大于3的《div》元素的背景色
$(“div:lt(3)”).css(“background”,”#bbffaa”);改变索引值小于3的《div》元素的背景色
$(“:header”).css(“background”,”#bbffaa”);改变所有标题元素的背景色
$(“:animated”).css(“background”,”#bbffaa”);改变当前正在执行动画元素的背景色
过滤选择器-内容过滤选择器
$(“div:contains(di)”).css(“background”,”#bbffaa”);改变包含文本“di”的《div》元素的背景色
$(“div:empty”).css(“background”,”#bbffaa”);改变不包含子元素(包含文本)的《div》元素的背景色
$(“div:has(.mini)”).css(“background”,”#bbffaa”);改变含有class为mini元素《div》元素的背景色
$(“div:parent”).css(“background”,”#bbffaa”);改变包含子元素(包含文本)的《div》元素的背景色
过滤选择器-可见性过滤选择器
$(“div:visible”).css(“background”,”#FF6500″);改变所有可见的《div》元素的背景色
$(“div:hidden”).show(3000);显示所有隐藏《div》元素的背景色
过滤选择器-属性过滤选择器
$(“div[title]“).css(“background”,”#FF6500″);改变含有属性title的《div》元素的背景色
$(“div[title=test]“).css(“background”,”#FF6500″);改变属性title值等于test的《div》元素的背景色
$(“div[title!=test]“).css(“background”,”#FF6500″);改变属性title值不等于test的《div》元素的背景色
$(“div[title^=te]“).css(“background”,”#FF6500″);改变属性title值以“te”开始的《div》元素的背景色
$(“div[title*=es]“).css(“background”,”#FF6500″);改变属性title值含有es的《div》元素的背景色
$(“div[id][title*=es]“).css(“background”,”#FF6500″);改变含有属性id,并且属性title值含有es的《div》元素的背景色
过滤选择器-子元素过滤选择器
$(“div.one :nth-child(2)”).css(“background”,”#FF6500″);改变class为one的《div》父元素下的第2个子元素的背景色
$(“div.one :first-child”).css(“background”,”#FF6500″);改变class为one的《div》父元素下的第1个子元素的背景色
$(“div.one :last-child”).css(“background”,”#FF6500″);改变class为one的《div》父元素下的最后1个子元素的背景色
$(“div.one nly-child”).css(“background”,”#FF6500″);改变class为one的《div》父元素下的只有一个子元素的背景色
- jquery 选择器实例
- jquery选择器所有实例
- jquery选择器实例!
- jquery选择器实例
- jquery选择器实例
- jQuery选择器实例列表
- 32、实例 jQuery选择器之基本选择器
- jQuery选择器 传统javaScript选择器实例(例子)
- jQuery选择器大全及其实例
- jquery选择器项目实例分析
- jquery的选择器使用实例
- 33、实例 jQuery选择器之层级选择器之关系选择器
- jquery选择器及实例全解
- jQuery入门@选择器@过滤器及实例
- 东软学习,jQuery的选择器实例
- jquery中的*(通用) 选择器实例
- JQuery选择器中使用正则表达式实例
- JQuery选择器中使用正则表达式实例
- Error creating bean with name 'sessionFactory' defined in ServletContext resource 解决方法之一
- 数据库分布在不同机器上的操作方法
- objdump 使用指南
- 最近腾讯微博邀请收紧,继续发布
- brk和sbrk及内存分配函数相关
- jquery 选择器实例
- Ms SQL中 根据表名查询字段信息,根据表名和字段判断该字段是否存在
- db2 查表结构
- 彻底解决J2ME中的中文问题
- How to write a thread-safe Singleton?
- 测试程序运行耗时(毫秒级的)---感觉蛮有意思的
- n个骰子的点数--总结
- init进程
- Mysql主从数据库设置