收藏 分享(赏)

jquery选择器实例.docx

上传人:fmgc7290 文档编号:12355925 上传时间:2021-12-11 格式:DOCX 页数:2 大小:13.02KB
下载 相关 举报
jquery选择器实例.docx_第1页
第1页 / 共2页
jquery选择器实例.docx_第2页
第2页 / 共2页
亲,该文档总共2页,全部预览完了,如果喜欢就下载吧!
资源描述

1、基本的选择器$(“#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 的元素的

2、背景色层次选择器$(“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兄弟元素的背景色过滤选择器-基本过滤选择器$(“

3、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“);改变索引值为奇数的di

4、v元素的背景色$(“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“);改变当前正在执

5、行动画元素的背景色过滤选择器-内容过滤选择器$(“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元素

6、的背景色过滤选择器-可见性过滤选择器$(“div:visible“).css(“background“,“#FF6500“);改变所有可见的div元素的背景色$(“div:hidden“).show(3000);显示所有隐藏div元素的背景色过滤选择器-属性过滤选择器$(“divtitle“).css(“background“,“#FF6500“);改变含有属性 title 的div元素的背景色$(“divtitle=test“).css(“background“,“#FF6500“);改变属性 title 值等于 test 的div元素的背景色$(“divtitle!=test“).css(

7、“background“,“#FF6500“);改变属性 title 值不等于 test 的div元素的背景色$(“divtitle=te“).css(“background“,“#FF6500“);改变属性 title 值以“te”开始的div 元素的背景色$(“divtitle*=es“).css(“background“,“#FF6500“);改变属性 title 值含有 es 的div元素的背景色$(“dividtitle*=es“).css(“background“,“#FF6500“);改变含有属性 id,并且属性 title 值含有es 的div元素的背景色过滤选择器-子元素过滤

8、选择器$(“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 :only-child“).css(“background“,“#FF6500“);改变 class 为 one 的div父元素下的只有一个子元素的背景色

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 企业管理 > 管理学资料

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报