JQUERY的属性选择符和自定义选择符使用方法(二)
2023-06-13 09:14:27 时间
例子:给链接中含用“wangorg"字符的链接文字加粗
css:
复制代码代码如下:
css:
.abold{
font-weight:bold;
}
html:
$("document").ready(function(){
$("a[href*=wangorg]").addClass("abold");
})
属性选择也可以用组合方式:
$("a[href^=http]
[href*=wangorg]").addClass("abold")
自定义选择符是JQUERY添加的独有的完全不同的选择符,语法与CSS中的伪类选择符语法相同,即选择符以一个冒号(:)开头。
如:从匹配的带有wangorg类的div集合中选择第2个项,则相应语法:$("div.wangor:eq(1)")
用CSS的选择符语法为$("div:nth-child(2)")
例子:将表格的偶数行的底色变为#ccc
CSS:
.alt{
backgroud-color:#ccc;
}
HTML:
$("document").ready(function(){
$("tr:odd").addClass("alt")
})
将网页中的所有表格都变以上效果:
$("document").ready(function(){
$("tr:nth-child(even)").addClass("alt");
})
将表格中含有“wangorg"字符串的表格的字体加粗
$("document").ready(function(){
$("tr:contains(wangorg)").addClass("abold");
})
相关选择器解释:
:eq(index)
结果集中位于给定索引之后(大于该索引)的元素(从0开始)
:odd
结果集中所有奇数元素(从0开始)
:even结果集中所有偶数元素(从0开始)
:nth-child(even)
作为其父元素第偶数个子元素的元素(从1开始计数)
:contains(text)包含给定文本text的元素。
相关文章
- jQuery获取和设置disabled属性、背景图片路径详解编程语言
- jQuery使用手册(五)
- jQuery选择没有colspan属性的td的代码
- jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
- jQuery获取样式中的背景颜色属性值/颜色值
- 用JQuery判断某个属性是否存在hasAttr的解决方法
- jquery选择器、属性设置用法经验总结
- JQuery验证jsp页面属性是否为空(实例代码)
- 基于jquery扩展漂亮的下拉框可以二次修改
- jquery交替变换颜色的三种方法实例代码
- jQuery获得内容和属性方法及示例
- javascript和jquery修改a标签的href属性
- jQuery实现div浮动层跟随页面滚动效果
- 用jquery模仿的a的title属性的例子
- jQuery修改CSS伪元素属性的方法
- jquery取子节点及当前节点属性值的方法