jQ零碎01
1. JQ中的遍歷
- each()??????????? ★★★★★
- 回調函數(shù)的兩個參數(shù)
- this指向
- return false;
- each()??????????? ★★★★★
eg. <body><ul><li></li><li></li><li></li><li></li></ul> </body> <script>$('li').each(function(i,ele) {$(ele).html(i)// $(this).html(i)也可以// ele.innerText = i 也可以}) </script> <body><ul><li>0</li><li>1</li><li>2</li><li>3</li></ul> </body> return false?跳出遍歷操作(相當于?原生中的break)||?單用?return可沒這效果!!,?例如? $('li').each(function(i,ele) { $(ele).html(i) if (i == 2) return false }) 結果為:
2.JQ包裝對象
- wrap()????????????????????????????????????? ★★★
- wrapAll()? ? ? ? ? ? ?整體包裝????? ★span span span | p
- wrapInner()???? ? ? ?內部包裝? ? ? ★
- unwrap()? ? ? ? ? ? ?? 刪除父級(除了body)????????? ★
- 例子? :? 管理員與普通用戶狀態(tài)控制
- <!-- warp() 包裹 -->
3.?get()?把jQ對象轉換成js對象,默認獲取的是一個原生集合,傳入?yún)?shù),可以找到指定項
- 與eq的區(qū)別???? eq()得到仍是jq對象
- 為什么要轉,比如:
- 獲取內容的高度
- 元素之間的比較
轉載于:https://www.cnblogs.com/vaso-me/p/11075143.html
總結
- 上一篇: Spring这棵大树
- 下一篇: IOS-UITextField类