jQuery选择集的转移
== 通过一个标签定位其他标签 ==
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./main.js"></script>
<script>
$(function(){
// 取出div标签
var $div1 =$("div");
alert($div1.length);
// 具体操作如下:
// $('#box').prev(); 表示选择id是box元素的上一个的同级元素
// $('#box').prevAll(); 表示选择id是box元素的上面所有的同级元素
// $('#box').next(); 表示选择id是box元素的下一个的同级元素
// $('#box').nextAll(); 表示选择id是box元素的下面所有的同级元素
// $('#box').parent(); 表示选择id是box元素的父元素
// $('#box').children(); 表示选择id是box元素的所有子元素
// $('#box').siblings(); 表示选择id是box元素的其它同级元素
// $('#box').find('.myClass'); 表示选择id是box元素的class等于myClass的元素
// 选择集转移的示例代码:
$div1.prev().css({"color":"red"});
});
</script>
</head>
<body>
<p>这是P标签</p>
<h3>三级标题标签</h3>
<div id="box1">div标签</div>
</body>
</html>