文本种类jQuery object and DOM element

在写这篇文章之前，xxx已经写过了几篇关于改文本种类主题的文章,想要了解的朋友可以去翻一下之前的文章

    源起：

        <div id="test1">

              <span>text1</span>

              <span>text2</span>

              <span>text3</span>

       </div>    

 

    每日一道理
如果说生命是一座庄严的城堡，如果说生命是一株苍茂的大树，如果说生命是一只飞翔的海鸟。那么，信念就是那穹顶的梁柱，就是那深扎的树根，就是那扇动的翅膀。没有信念，生命的动力便荡然无存；没有信念，生命的美丽便杳然西去。（划线处可以换其他词语）

    想获得span element 里头的文本， 发明$("#test1 span")[0]取出来的不是jQuery object, 只能用$($("#test1 span")[0]).text()转为jQuery再取了，但是两个$一起总感觉怪怪的，退而求其次便用了取值$("#test1 span")[0].textContent or $("#test1 span")[0].innerHTML

 

    jQuery object and DOM element

    jQuery object是一种类数组对象(array-like)，可以包含一个或者多个DOM element(s)。而jQuery functions 的操纵是建立在jQuery object上而不是DOM object上。

    eg. jQuery object  “Object[span, span, span] ” 包含一个或者多个DOM element “<span>”。

    访问jQuery object里头DOM element的方法：

$("selector")[0] // Accesses the first DOM element in this jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve a true array of DOM elements matched by this selector

或者非jQuery方法：

document.getElementsByTagName("div") // Return HTMLcollection

 

文章结束给大家分享下程序员的一些笑话语录： 很多所谓的牛人也不过如此，离开了你，微软还是微软，Google还是Google，苹果还是苹果，暴雪还是暴雪，而这些牛人离开了公司，自己什么都不是。