Dom对象和JQuery对象

偶然在调试代码的时候发现var checkboxs = _self.controls.divCreateTaskMain.find("input[name='class']:checked");

Jquery方法find返回值checkboxs的类型和checkboxs[0]不同 :checkboxs为jquery类型,而checkboxs[0]为dom类型。(个人理解是这样的) 

如下在调试过程中对各种值进行记录。

<div id="divCreateTaskMain">
<label class="eui-checkbox inline-block" style="width: 31%; margin: 5px 0;">
    <input type="checkbox" name="class" value="C201611210001">
    <span class="eui-check"></span>
    <span class="eui-caption" title="初一一班">初一一班</span>
</label>
<label class="eui-checkbox inline-block" style="width: 31%; margin: 5px 0;">
    <input type="checkbox" name="class" value="C201611210002">
    <span class="eui-check"></span>
    <span class="eui-caption" title="初一二班">初一二班</span>
</label>
</div>
目的:获取span标签中title的值(即班级名称)
思路:通过jquery的nextAll(条件)方法获取span中的title值【只有jquery对象才能调用nextAll方法,dom对象并不可以】

_self.controls.divCreateTaskMain= $("#divCreateTaskMain");
var checkboxs = _self.controls.divCreateTaskMain.find("input[name='class']:checked");
checkboxs
[
<input type="checkbox" name="class" value="C201611210001">

<input type="checkbox" name="class" value="C201611210002">
]

checkboxs[1]
<input type="checkbox" name="class" value="C201611210002">
checkboxs.nextAll("span[class='eui-caption']")
[
<span class="eui-caption" title="初一一班">初一一班</span>

<span class="eui-caption" title="初一二班">初一二班</span>
]
checkboxs[1].nextall("span[name='eui-caption']")
TypeError: Object #<HTMLInputElement> has no method 'nextall'
_self.controls.divCreateTaskMain.find("input[name='class'][value='C201611210002']:checked")
[
<input type="checkbox" name="class" value="C201611210002">
]
_self.controls.divCreateTaskMain.find("input[name='class'][value='C201611210002']:checked").nextAll("span[class='eui-caption']")
[
<span class="eui-caption" title="初一二班">初一二班</span>
]
$(checkboxs[1]).nextAll("span[class='eui-caption']")
[
<span class="eui-caption" title="初一二班">初一二班</span>
]
由上可知,checkboxs为jquery对象,而checkboxs[i]为dom对象,可以通过$(checkboxs[i])将dom对象转为jquery对象。
亦可知,jquery对象转换为dom对象可以通过checkboxs[i],将类型为jquery对象的checkboxs数组,取其某个元素(类型为dom对象)checkboxs[i]。

jquery对象及dom对象转换学习自http://blog.csdn.net/wangboxian/article/details/8903999

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值