文本种类jQuery object and DOM element

在本文中,我们主要介绍文本种类的内容,自我感觉有个不错的建议和大家分享下

    源起：

        <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

 

文章结束给大家分享下程序员的一些笑话语录： 小沈阳版程序员~~~ \n程序员其实可痛苦的了......需求一做一改，一个月就过去了；嚎~ \n需求再一改一调，一季度就过去了；嚎~ \n程序员最痛苦的事儿是啥，知道不？就是，程序没做完，需求又改了； \n程序员最最痛苦的事儿是啥，知道不？ 就是，系统好不容易做完了，方案全改了； \n程序员最最最痛苦的事儿是啥，知道不？ 就是，系统做完了，狗日的客户跑了； \n程序员最最最最最痛苦的事儿是啥，知道不？ 就是，狗日的客户又回来了,程序给删没了！