<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery选择器</title>
<script src=../js/jquery-1.11.1.js></script>
<script>
window.onload=function(){
//1.基本选择器和CSS选择器一样
//2.层次选择器
//2.1选择 子孙和儿子和css派生选择器一样
//2.2选择弟弟
console.log($("#gz~"));
//3.过滤选择器(*)
//3.1基本过滤选择器(*)
console.log($("li:first"));
console.log($("li:even"));
console.log($("li:eq(1)"));
console.log($("li:not(#gz)"));
//3.2内容选择过滤器
console.log($("li:contains('海')"));
//3.3可见性选择过滤器
console.log($("li:hidden"));
//3.4属性选择器
//3.5状态选择过滤器
console.log($("input:enabled"));
console.log($("input:checked"));
//4.表单选择器
console.log($("input:radio"));
}
</script>
</head>
<body>
<ul>
<li>北京</li>
<li>上海</li>
<li id="gz">广州</li>
<li>深圳</li>
<li>天津</li>
<li style="display: none">杭州</li>
</ul>
<p>
<input type="text" disabled>
<input type="password">
</p>
<p>
<input type="radio" name="sex" checked> 男
<input type="radio" name="sex">女
</p>
</body>
</html>