javascript - 在 jQuery 中编辑对象

Question

$(function(){
    var z = document.body.children[0];
    var x=$("li", z);
    x.name="Johnny";
    alert(x.prop(name));
});

1. x 应该是一个包含 body 中第一个 ul 内所有元素的对象。无论对象包含什么，我都想添加一个带有值的属性，然后使用 prop() 方法来显示它 - 但这似乎不起作用。这是为什么？

2. 我看到一个包含以下内容的脚本:var $x = $("div"); - 我是否必须将 $ 添加到变量名称中如果它是一个 jQuery 对象？

Answer 1

要选择页面中的第一个 ul 元素，您可以执行以下操作:

$("ul:first li")

这样您将选择页面第一个列表内的所有行。

要在元素中存储任意数据，您可以使用方法 data，如下所示:

$("element").data('key', 'value');

并检索数据:

$("element").data('key');

More info, for the data method.

如果你确实想添加一个属性，你可以使用 attr 方法，它的工作方式与 data 方法相同，但它会反射(reflect)在 DOM 中。