使用jQuery简化Ajax开发 Ajax开发(4)_H5之家 - 中国HTML5教程资源分享第一站

jQuery技术

使用jQuery简化Ajax开发 Ajax开发(4)

字号+ 作者：H5之家来源：H5之家 2015-09-25 16:49 我要评论( )

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 2、层次选择器不用说，层次选择器的思想来自CSS；实际上稍微拓展了 $("div span")//选择div里所有span元素 $("divspan")//选择div元素下元素名为span的元素 $('pre

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

2、层次选择器
不用说，层次选择器的思想来自CSS；实际上稍微拓展了
$("div span")//选择<div>里所有<span>元素
$("div>span")//选择<div>元素下元素名为<span>的元素
$('prev+next')//选择紧接在prev元素后的next元素
$('prev~siblings‘)//选择prev元素之后的所有sibling元素
例：

代码如下:

$(function(){
$("ul li").css("color","#f00");
$("div>span").css("color","#008000");
$("div+span").css("color","#d00");
$("div~span").css("background","#ffc");
});
</script>
</head>
<body>
<div>
<span>文字一</span>
</div>
<span>文字二</span>
<span>文字三</span>
<ul>
<li>选项一</li>
<li>选项二</li>
<li>选择三</li>
</ul>