JQuery其他CSS相关方法及对象

jQuery.cssNumber:JQuery1.4.3起,一个包含所有可以在没有单位的情况下使用的css属性的对象,css方法可以使用此对象查看是否可以将px追加到无单位的值上。jQuery.cssNumber对象的键是驼峰式的并且全部设置为true。如果想要防止css方法自动为某个css属性添加单位px,可以为jQuery.cssNumber对象额外添加此属性并设置为true。jQuery.cssNumber默认包含以下属性:zIndex、fontWeight、opacity、zoom、lineHeight、widows(1.6+)、orphans(1.6+)、fillOpacity(1.6.2+)、columnCount(1.9+)、order(1.10.2+)、flexGrow(1.11.1+)、flexShrink(1.11.1+)。

jQuery.cssHooks:JQuery1.4.3起,直接挂钩到JQuery,用于覆盖如何检索或设置css属性,规范化css属性名,或创建自定义属性。jQuery.cssHooks提供了一种通过定义函数获取或设置特定css属性的方法。可以创建新的cssHooks来规范css3的特性,比如框阴影和渐变。

jQuery.escapeSelector:JQuery3.0起,转义在CSS选择器中具有特殊含义的任何字符。比如“.”、“#”等。jQuery.escapeSelector接受一个选择器表达式字符串,转义其中包含的特殊字符后,将结果字符串返回。可以在jQuery支持的所有浏览器中可靠地使用。eg:获取class名字为.box的div,$("div").find("."+$.escapeSelector(".box"))。

css:获取匹配元素集中第一个元素指定的css属性的计算值。JQuery1.9起,css接受包含多个css属性的数组作为参数,返回值为包含多个css属性-值的对象。css方法可以便捷的获取样式属性的计算值,特别是在浏览器对某些属性使用的术语不同时。JQuery还可以解释多词属性的CSS和DOM格式。比如background-color和backgroundColor。属性名区分大小写。返回的值为计算值换句话说不是一定是设置属性时指定的格式,比如通过$("p").css("color","red")指定p元素为红色,通过$("p").css("color")获取的color值为rgb(255, 0, 0)。css还可以设置匹配元素的css属性值,有三种传参方法,第一种传入两个参数,第一个为css属性名,第二个为属性值。第二种方式是传入一个包含css属性名-值的对象,可以同时设置多个css属性。JQuery1.4起,还可以有第三种方式,接受两个参数,第一个为属性名,第二为一个函数,函数接受两个参数(第一个是当前元素的索引,索引从0开始,第二个是属性的值),返回一个新的属性值。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值