jQuery基础选择器
原生JS获取元素方法很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使得获取元素统一标准。
$("选择器")//里面选择器直接写CSS选择器即可,但是要加引号
jQuery 层级选择器
jQuery隐式迭代
隐式迭代:把匹配的使用元素进行遍历循环,给每一个元素添加css这个方法
jQuery 筛选选择器
jQuery筛选方法(重点)
jQuery里面的排他思想
需要多选一的效果,拍他思想:当前元素设置样式,其余的兄弟元素清除样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery排他思想</title>
<script src="JS/jquery.min.js"></script>
</head>
<body>
<button>lucky</button>
<button>lucky</button>
<button>lucky</button>
<button>lucky</button>
<button>lucky</button>
<button>lucky</button>
<button>lucky</button>
<button>lucky</button>
<script>
$(function(){
//1、隐藏迭代给所有的按钮都绑定了点击事件
$("button").click(function(){
//2、当前的元素变化背景
$(this).css("background","pink");
//3、其余的元素去掉变化背景
$(this).siblings("button").css("background","");
});
})
</script>
</body>
</html>