美文网首页前端小知识集锦
Jquery对象与JS(DOM)对象

Jquery对象与JS(DOM)对象

作者: 明月半倚深秋_f45e | 来源:发表于2017-12-28 11:31 被阅读16次

喜欢用Jquery的同学应该经常碰到这样的问题
我们有时候要拿jquery的对象的时候,结果拿到的是DOM对象
着个时候就会报错

.xxx is not a function

有时候我们会怀疑jquery加载了没,
确认无误之后,我们发现是对象的问题

<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>
<div class='fieldBlockContainer'></div>

这个时候我们如果用

$('.fieldBlockContainer')[3].hide() //就会报上面说i的错误
$('.fieldBlockContainer').eq(3).hide()   //成功
$($('.fieldBlockContainer')[3]).hide()    //成功

我们打印出来


image.png

第二个是 $('.fieldBlockContainer')[3]
这是一个DOM对象

只要用$(dom)就能把DOM对象转化为 jquery对象

相关文章

  • jquery原理和核心方法学习笔记

    1、jquery的实现原理 2、jquery对象和js对象互换 dom 对象转为jquery对象 $(dom) j...

  • DOM对象跟jQuery对象相互转换

    jQuery的DOM对象与普通的DOM对象普通的DOM对象此处指的是:使用JS操作DOM的方法返回的对象jQuer...

  • JQuery - 样式

    Ⅰ、DOM 与 JQuery对象 1. 把jQuery对象转成DOM对象 2. 把DOM对象转成jQuery对象 ...

  • Jquery对象与Dom对象的转换

    jquery对象与dom对象的转换 jquery对象只可以使用jquery的方法,dom对象只可以使用dom对象的...

  • JQuery

    JQuery 基础:概念快速入门JQuery对象和JS对象区别与转换选择器DOM操作案例 JQuery 基础: 概...

  • JQuery

    1.认识JQuery 所有的jquery都要写在这里面 DOM和JQ对象 1.DOM对象,原生JS获取DOM对象 ...

  • 前端笔记1.2--jQuery

    4.jQuery jQueryHelloWord体验 ​​ ​​ jQuery对象与DOM对象 ​​ DOM处理:...

  • jquery对象与dom对象

    jquery对象与dom对象 二者有何区别? jquery对象比如$("#test").html() dom对象常...

  • 03-$符号-jquery与js相互转换

    $符号-jquery与js相互转换 作者:曾庆林 获取Dom对象 JavaScript方式 jQuery方式 js...

  • jQuery对象和DOM对象

    jQuery对象和DOM对象的区别 DOM对象 jQuery对象 区别 jQuery对象不能使用DOM对象的成员,...

网友评论

    本文标题:Jquery对象与JS(DOM)对象

    本文链接:https://www.haomeiwen.com/subject/jrvmgxtx.html