关于jQuery object and DOM element

时间:2013-04-15    点击:101   

源起:

复制代码 代码如下:

<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 elementjQuery 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

jquery获得页面元素的坐标值实现思路及代码
Extjs优化(二)Form表单提交通用实现
Extjs Gird 支持中文拼音排序实现代码
js作用域及作用域链概念理解及使用
Extjs 继承Ext.data.Store不起作用原因分析及解决
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved