属性过滤选择器,子元素过滤选择器

1.获取p的文本
<p>段1</p>
<p>段2</p>
方法一:
$("p").each(function(index,domEle){
&(domEle).click(function(){
alert(($domEle).html());
});
});

jQuery.函数名()//是jQuery的全局函数、
方法二:
var $p=$("p");
$.each($p,function(index,domEle){
$(domEle).click(function(){
alert($(domEle).text());
});
});
2.隔行变色
$("table:eq(0) tr:even").css("background","red");//包括子子孙孙,包括table的tr,以及tr的td
$("table:eq(0) >tr:even").css("background","red");//只包括子即是table的tr元素
3.属性过滤选择器:是通过元素的属性来获取相应的元素
(1)[attribute]
用法:$("div[id]")
(2)[attribute=value]
$("input[name='newsletter'"].attr("checked",true)
(3)[attribute!=value]
(4)[attribute^=value] 返回以value值开始的元素
(5)[attribute$=value]匹配属性值以value结尾的
(6)[attribute*=value]匹配包含value值的元素
(7)[attribute1][attribute2][attribute]复合属性选择器
4.属性选择器例子:
设置有属性title,并且属性值不是test的div背景色为红色
$("div[title][title!=test]").css("background","red");
设置title属性以te开头的div的背景色
$("div[title^='te']").css("background","red);
设置有id属性,并且含有'es'的div元素的背景色
$("div[id][*='es']").css("background","red");
5.子元素过滤选择器
(1):nth-child(index/even/odd/equation)匹配父元素下第N个子或奇偶元素,从1开始的
(2):first-child
(3):last-child
(4):only-child 只有一个子元素时匹配
6.子元素过滤选择器实例
每个class为one的div父元素下的第2个子元素
$("div[class='one'] > : nth-child(2)")
每个class为one的div元素下的第1个元素
$("div[class='one']  > :first-child")
每个class为one的div元素下的最后一个元素
$("div[class='one']  > :last-child")
如果class为one的div元素下仅只有一个元素,那么选择这个子元素
$("div[class='one']  > :only-child")

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值