JQuery 方法和 DOM 属性

2024-02-07

我很困惑何时可以使用 DOM 属性以及何时可以在 Jquery 对象上使用 Jquery 方法。比如说,我使用选择器

var $elemSel = $('#myDiv').find('[id *= \'select\']')

此时, $elemSel 是一个 jquery 对象,我将其理解为 DOM 元素数组的包装器。我可以通过迭代 $elemSel 对象/数组来获取 DOM 元素的引用(正确吗?)

我的问题: 1. 有没有办法将这个 $elemSel 转换为非 JQuery 常规 DOM 元素数组? 2.我可以同时组合DOM属性和JQuery方法吗(类似这样)

$elemSel.children('td').nodeName

(nodeName与DOM相关,children与JQuery相关)

编辑:这有什么问题吗?

$elemSel.get(0).is(':checked')

EDIT 2:

感谢您的回复。我现在明白我可以使用 get(0) 来获取 DOM 元素。附加问题:

  1. 如何将 DOM 元素转换为 JQuery 对象?

  2. 如果我将“this”分配给一个变量,那是新的 var DOM 还是 JQuery?如果是 JQuery,如何将其转换为 DOM 元素? (因为我不能使用 get(0))

    var $elemTd = $(this);

  3. 当我进行像上面这样的分配时,我看到一些代码示例不包含变量名称的 $ 符号。为什么?

  4. 至于我原来的问题,我可以在 JQuery 对象上同时组合 DOM 属性和 JQuery 函数吗?

    $elemSel.children('td').nodeName


您需要 .get(0) 结果来获取 DOM 就绪对象。

var myBox = $("div#myBox");
alert(myBox.get(0).id); // "myBox"

Read "剥开 jQuery 包装并查找数组 http://www.learningjquery.com/2008/12/peeling-away-the-jquery-wrapper科迪·林德利


回复:编辑: .is()不是原生 JavaScript 方法。当你跑步时.get(0),您不再使用 jQuery 对象,因此您不能指望从中运行 jQuery 方法。

如果你想跑步.is()对于特定的结果,使用:eq(index) selector http://docs.jquery.com/Selectors/eq#index, 或者.eq(index) method http://docs.jquery.com/Traversing/eq#index:

$("div:eq(1)").is(":checked"); // gets second div
$("div").eq(1).is(":checked"); // gets second div

回复:编辑#2

鲍勃,你真的应该创造新的 问题,而不是问更多 更多这里。

将 dom 元素转换为 jquery 对象是通过将其传递到选择器中来完成的:

var myBox = document.createElement("div");
var myBoxJQ = $(myBox);

分配This到一个变量。取决于你什么时候做。如果“this”指的是一个 jQuery 对象,那么this将是一个 jQuery 对象。您可以通过以下方式进行转换this with .get(0).

When this引用的是 jQuery 对象,您不需要将其包装在 $() 中。这是多余的。

最后,$elemSel.children('td').nodeName可以这样做:$elemSel.children('td')[0].nodeName or $elemSel.children('td').get(0).nodeName,其中 0 是要访问的项目的索引。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery 方法和 DOM 属性 的相关文章

随机推荐

  • (C#) 如何按值类型而不是引用类型复制类?

    采取以下代码 using System Collections using System Collections Generic using UnityEngine public class MyClass public int myNum
  • Python:以恒定长度移动列表中的元素

    我正在寻找一种优雅的方法来编写一个简单的函数 该函数会将列表的元素移动给定数量的位置 同时保持列表的长度相同并用默认值填充空位置 这将是该函数的文档字符串 def shift list l shift empty 0 Shifts the
  • 循环多维数组并每行仅打印两个特定列值

    如何打印每行的文件路径和文件名值 Array 0 gt Array fid gt 14 list gt 1 data gt Array alt gt title gt uid gt 1 filename gt trucks 10785 jp
  • 如何在 DRF ViewSet 中完全不允许 PUT 方法但允许 PATCH?

    PUT and PATCH都是同一个 mixin 的一部分 更新模型混合 http www django rest framework org api guide generic views updatemodelmixin 所以如果我像这
  • 在 Bash 中获取日期(当前时间前一天)

    如何在 Bash 中打印当前时间前一天的日期 如果你有 GNU 日期并且我理解正确的话 date Y m d d yesterday 2009 11 09 or date Y m d d 1 day ago 2009 11 09
  • 如何在接口上实现静态方法?

    我有一个从 C 调用的第 3 方 C DLL 这些方法是静态的 我想将其抽象出来进行一些单元测试 因此我创建了一个包含静态方法的接口 但现在我的程序出现错误 修饰符 static 对此项目无效 MyMethod cannot be acce
  • 遍历networkx中图的级别顺序

    我正在尝试转换DiGraph成n叉树并按层序或BFS显示节点 我的树与此类似 但更大 为简单起见 使用以下示例 G networkx DiGraph G add edges from n n1 n n2 n n3 G add edges f
  • 行未在 ios 上使用 xamarin 表单调整大小

    我在 xamarin 表单中使用列表视图 它将在行点击时展开行 并在展开行时折叠行 该逻辑在 android 中工作正常 但我在 IOS 上遇到问题 有没有办法调整高度大小IOS 提前致谢 相反 请使用堆栈布局并点击即可切换堆栈布局的可见性
  • 目录价格规则 以编程方式“应用规则”

    我以编程方式创建了一个目录价格规则 它工作正常 所以我的问题是 我需要使用管理员登录并需要单击按钮 应用规则 否则 折扣不适用于 magento 商店 所以我需要以编程方式 应用规则 但我不知道该怎么做 任何帮助或建议将不胜感激 You c
  • 将 UIViewController 推到 UITabBar 之上

    我有一个UIViewController called ListVC ListVC has a UITabBar用户可以使用它来切换选项卡 它也有UINavigationController In ListVC我有一个按钮 我想推送一个名为
  • cassandra 中列的默认排序顺序?

    我正在阅读教程 其中讲师说行中列的默认顺序是UTF8 tye 但他没有进一步谈及这一点 我不明白这是什么意思 特别是如果我的列是不同类型的 例如int timestamp etc 另外 我如何将列上的排序顺序指定为 UTF8 类型 以外的其
  • 如何在每个 as (ember 1.11 beta3) 中设置 itemController?

    我想尝试使用 each content as product index index each 但我的应用程序有 itemContoller 如下所示 each product in content itemController produ
  • 最大执行时间错误处理

    我有一个脚本有时会给出最大执行时间达到错误 这是正常现象 不是问题 问题是在这种情况下我会写出具体的错误消息 我该怎么做呢 function say goodbye if connection aborted Perform some ac
  • 如何在 iOS PhoneGap 应用程序中显示自定义启动屏幕旋转器(即白色旋转器)?

    是否可以将默认启动屏幕旋转器颜色更改为白色 将其用于 Spinner hzactivityindicatorview https www cocoacontrols com controls hzactivityindicatorview
  • 如何将 matplotlib 动画转换为 HTML5

    下面是 matplotlib 动画图的代码和here https matplotlib org api as gen matplotlib animation Animation html就是如何保存它 from IPython displ
  • Webpack - 更新 HTML 以包含最新的 [hashed] 包的最佳方式

    我正在使用 webpack 生成散列包文件名 假设我使用静态 HTML CSS 和 JS 自动更新的最佳方法是什么index html指向最新的捆绑包 例如 update to no change 每次有新的捆绑包版本可用时都会自动进行 令
  • 显示12小时和24小时时间

    我想制作一个显示当前时间的网页 当点击 12小时制 按钮时 div区域将显示12小时制的时间 当点击 24小时制 按钮时 分区区域中的时间将以24小时制显示 目前 单击这些按钮时不会发生任何事情 帮助 HTML div div br
  • 如何使用 Python 的 zipfile 模块设置 ZIP 文件中文件的权限(属性)?

    当我从使用 Python 创建的 ZIP 文件中提取文件时zipfile http docs python org library zipfile html模块 所有文件都是不可写 只读等 该文件是在 Linux 和 Python 2 5
  • 用户登录后重定向

    我对 Angular 还很陌生 现在我只是想按照我的意愿设置所有路线并使其工作 Setup 当用户导航到某些页面时 settings对于此示例 应用程序应检查是否有用户已登录 如果有则照常继续 否则用户应该转到登录页面 login 我想要什
  • JQuery 方法和 DOM 属性

    我很困惑何时可以使用 DOM 属性以及何时可以在 Jquery 对象上使用 Jquery 方法 比如说 我使用选择器 var elemSel myDiv find id select 此时 elemSel 是一个 jquery 对象 我将其