兩行代碼的故事

AlphaWallet 發布于2019-08-22 13:48 / 714人閱讀

摘要：第一行代碼完全能看懂，就是用選擇指定的元素，代碼最后加了，是因為用選擇器得到的結果是數組。好了，短短的兩行代碼，花了自己一上午才研究清楚，也是蠻有意思的，哈哈。

今天上午閑來無事，就想著把前端相關資源匯總這篇文章中收集的鏈接整理一下，看到《jQuery === 面條式代碼？》這篇文章的時候，感覺里面的代碼挺有意思，于是就一邊讀文章，一邊照著敲代碼。

敲到文章第一節中一段 JS 代碼的時候，自己就有些迷糊了，因為看到了以前從來沒見到過的用法。

第一行 JS 代碼完全能看懂，就是用 jQuery 選擇指定的 DOM 元素，代碼最后加了 [0]，是因為用 $() 選擇器得到的結果是數組。

可第二行的 $(form.texMsg) 究竟是怎么定位到 textarea 元素上的？

最開始以為是 $("div.className") 這種語法，于是把第一行 JS 代碼注釋掉，發現代碼就不能用了，看來猜測不正確。而且！如果是 $("div.className") 這種語法的話，括號里面的雙引號可是不能省略的！

另外，自己還查了 jQuery 的 API 文檔，$() 這種語法的參數好像只接收字符串啊，可 form.textMsg 怎么看都不像是字符串，莫非 jQuery 源碼中對非字符串類型的參數做了處理？

下面的 HTML 與上面的 JS 相對應。

那就用代碼試試吧。于是重新寫了 HTML 和 JS 進行測試。

結果發現，如果變量 dd1 是一個具體的 DOM 元素的話，$(dd1) 這樣的語法是可以成功選擇該元素的。

但是，不管子元素是什么類型，$(dd1.d2) 這樣的語法都無法選擇子元素。這個時候，父元素是 div 類型。

那么如果我參照前面的代碼，把父元素改成 form 類型的呢？經過測試，發現父元素必須是 form 類型，子元素必須是有效的表單元素：input、textarea 和 button，$(dd1.d2) 這樣的語法才能選中子元素。也就是文章中的第二張圖。

這個時候，自己又看了看第一張圖中的第三行代碼：form.tweet，這就完全是原生 JS 的用法了，既然這種語法也是有效的，那么是不是就意味著：在原生 JS 中，如果變量 dd1 是 form 類型的 DOM 元素，其子元素是有效的表單元素，并且子元素指定 name 屬性值為 d2 的話，就能用 dd1.d2 這種語法選擇子元素？測試了一下，果然如此！

再拓展一下，如果多個子元素具有相同的 name 屬性值，那么用上面的代碼，應該會選中所有這些元素吧？嗯，果然是這樣。

好了，短短的兩行代碼，花了自己一上午才研究清楚，也是蠻有意思的，哈哈。

GPU云服務器云服務器云計算的故事關于linux的故事關于云計算的小故事兩行

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/92459.html

【用故事解讀 MobX 源碼（五）】 Observable

摘要：前言初衷以系列故事的方式展現源碼邏輯，盡可能以易懂的方式講解源碼本系列文章用故事解讀源碼一用故事解讀源碼二用故事解讀源碼三用故事解讀源碼四裝飾器和用故事解讀源碼五文章編排每篇文章分成兩大段，第一大段以簡單的偵探系列故事的形式講解所涉及人物場 ================前言=================== 初衷：以系列故事的方式展現 MobX 源碼邏輯，盡可能以易懂的方式...

leeon 2019-08-23 10:39 評論0 收藏0
Python列表和Dictionary簡介

摘要：如果沒有，請記住列表中的第一項是項。通過練習，您將更好地計算列表中的項目。例如，要將項添加到我們的水果列表中，我們可以使用名為的方法。通過這樣做，該項目的值也將被刪除。在中，這意味著使用以及名稱和要刪除的項目的名稱。 showImg(https://segmentfault.com/img/remote/1460000019177365?w=852&h=479); 來源 | 愿碼(C...

dunizb 2019-07-31 10:25 評論0 收藏0
Python: 今天你賦值了嗎？

摘要：沒想到會被轉發。看來眼球多了的確容易糾錯。有時候你已經用它寫了數萬行代碼，自以為很熟了。賦值最簡單的賦值到底發生了什么呢一個變量被賦值了太籠統了吧。也就是說是把同一個對象傳給了。這里，所綁定的對象的確被傳進來了，的確生成了一個新對象。 [EDIT] 沒想到會被轉發。很高興也很囧。看來眼球多了的確容易糾錯。要小心啊小心。編程語言就是這樣。有時候你已經用它寫了數萬行代碼，自以為很熟了。知...

z2xy 2019-07-25 10:46 評論0 收藏0
阿里 Java 手冊系列教程：為啥強制子類、父類變量名不同？

摘要：所以看出和兩個的對應指針數一樣，一個為一個為這就引出了變量的知識點，如手工畫的圖二為啥強制子類父類變量名不同阿里巴巴手冊是這樣寫的強制避免在子父類的成員變量之間或者不同代碼塊的局部變量之間采用完全相同的命名方式，那會導致代碼可讀性降低。摘要: 原創出處 https://www.bysocket.com 「公眾號：泥瓦匠BYSocket 」歡迎關注和轉載，保留摘要，謝謝！目錄父子...

XGBCCC 2019-08-19 11:35 評論0 收藏0
如何做好年中/年終報告？

摘要：匯報的時間匯報時間一般在分鐘分鐘左右，如果分鐘，最好不要超過頁分鐘不要超過頁。報告的標注結構非一般的貢獻機會戰略如何知道老板關注什么每兩個月找老板溝通，把你最近做的事情放在發生以前講講機會，挑戰，戰略，風險，試探的問哪幾個點比較重要。匯報的時間匯報時間一般在10分鐘~15分鐘左右，如果10分鐘，最好不要超過10頁PPT, 15分鐘不要超過15頁PPT。70%的時間講完核心故事，如...

zhouzhou 2019-08-02 11:13 評論0 收藏0