當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQ零碎01

發布時間：2023/12/18 编程问答 29 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQ零碎01 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. JQ中的遍歷

- each()??????????? ★★★★★
  - 回調函數的兩個參數
  - this指向
  - return false;

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）????????? ★
- 例子? :? 管理員與普通用戶狀態控制

3.?get()?把jQ對象轉換成js對象，默認獲取的是一個原生集合，傳入參數，可以找到指定項

與eq的區別???? eq（）得到仍是jq對象

$('div').get(0).innerHTML $('div').eq(0).html()

為什么要轉，比如：
- 獲取內容的高度

原生中的 .scrollHeight?可以獲取標簽內容的高度 alert( $('textarea').get(0).scrollHeight) ->?文本域內容高度 alert($('textarea).height()) ->文本域設置的高度

- 元素之間的比較

栗子暫時不太好，有兩點注意： console.log([] == []) -> false console.log({} == {}) -> false

轉載于:https://www.cnblogs.com/vaso-me/p/11075143.html

總結

以上是生活随笔為你收集整理的jQ零碎01的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

JQ
零碎

上一篇： Spring这棵大树
下一篇： IOS-UITextField类