jQuery部分API細節(jié)(二)

1、parent()和offsetParent()

區(qū)別,parent()只是獲取父級元素,不管父級元素怎樣,而offsetParent()則是獲取有定位的父級,如果一直沒有就會一直找到body。

div#parent{
      width:100px;
      height:100px;
      margin:30px;
      background:red;
      /* position:absolute; */
    }
    div#child{
      width:50px;
      height:50px;
      margin:20px;
      background:green;
}
<script>
    $('#child').offsetParent().css('background','black')
</script>

因為child的父級parent沒有定位,所以會一直往上找到body把body的背景顏色改成了黑色。

2、val()
$('input').val('我不想提交')

空就是獲取,如果不是空就是設(shè)置value值

3、size()
$('li').size()

不接收參數(shù),只是獲取JQ返回的那個偽數(shù)組的長度。

4、each()

先不說each()這個方法,先記錄一下剛才試驗過程中遇到的問題。

  • 用$()來取整個document的時候,括號里面不能加引號,加了引號就取不到,在stackoverflow上查了一下,也沒有引號,但是沒說具體原因。
  • 用jQuery方法來取顏色的時候,默認取到的是rgb格式的。
  • body也是一個block元素,內(nèi)容也需要其它東西來撐起來的,而document則不需要。
  • document.documentElement這個API取到的是document的中的根元素,一般來說就是html。
<script>
     $('li').each(function(index,element){
       element.style.background = 'red'
       element.textContent = index
     })
</script>

each()接收一個函數(shù),這個函數(shù)接收兩個參數(shù),一個是遍歷的元素的索引,一個是元素本身。這個API很有用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,644評論 19 139
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,168評論 1 92
  • http://www.laileshuo.com/2016/02/29/keywindow%E4%B8%8Ewin...
    油菜花花花花閱讀 157評論 0 0
  • “什么?自己去?那哪行,你一個女孩子,萬一出點兒什么事可怎么辦?!”爸爸的聲音仿佛仍在耳邊回想,洛雯望著窗外飛馳而...
    貓妖妖丶閱讀 297評論 4 1
  • 命運的確是公平的,沒有人會無緣無故的過上好生活,輕松的擁有好的人生,在不斷的磨練和打拼中,我們才會有資格遇見那個最...
    想要的自己給77閱讀 103評論 0 0

友情鏈接更多精彩內(nèi)容