jQuery常用API
- jQuery基礎選擇器
- jQuery 層級選擇器
- jQuery隱式迭代
- jQuery 篩選選擇器
- jQuery篩選方法（重點）
- jQuery里面的排他思想
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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/292748.html
標籤：其他
下一篇：②【結構型設計模式】配接器模式