jQuery如何将选中的对象转换为原来的DOM对象 浏览:808

在jQuery中,通过选择页面上的元素返回的集合是jQuery对象,而不是原来的DOM对象。所以它只能运行jQuery方法。如果要在选择集上运行DOM方法和属性,则必须将该集合转换为DOM对象。

例如,你不能像这样使用它:

$('div).innerHTML =hello world;

因为innerHTML是DOM的属性而不是jQuery对象的属性。如果您真的想这样做,您需要将jQuery对象转换成DOM对象。有两种方法。

(1)jQuery提供的核心方法,得到(),所以上面可以写为$('div)。得到().innerHTML =hello world;

当然,页面中只有一个div。如果有一个以上的部

所以这个方法不好,你需要修改代码并把它传递给索引值,比如get(index)。

$(div),得到(0).innerHTML =hello world;

当然,您可以使用jQuery每个循环来完成所有的任务。

DIV1 = $(美元div)得到();
复制代码代码如下所示:
美元。美元每(DIV1,函数(指数,Val){
val.innerhtml = 'lc +指数;
});

(2)我们可以使用{ }使用数组获取内容。

例如,$('div){ 0 } .innerHTML =hello world;

让我们看一个完整的例子。
复制代码代码如下所示:







头先jQuery
Javascript的数据结构和算法
Nodejs和运行
PHP专家Node JS
锋利的jQuery
专业的Javascript



$(文档)Ready(函数(){)
VaR('ol LIS = $李),得到()反();
OL = $(美元'ol);
1美元= ol.clone美元(假的,假的);
ol1.empty美元();
每一个(LIS,函数(索引,缬氨酸){
ol1.append美元(+ val.innerhtml +);
});
ol1.appendto美元('body);
});





让我添加将DOM对象转换为jQuery对象的过程。

我在这里使用的是这个例子。
复制代码代码如下所示:




点击{。
宽度:100px;
身高:40px;
边境:1px solid # CBA;
边界半径:3px;
}



点击我


函数单击(它){
$(它)。AddClass('clicked);
console.log(是);
}




下面是将DOM对象转换为jQuery对象的过程。

注:事实上,它是指到我们的链接对象它是一种常见的DOM对象,我们通过在onclick事件。

然后我们将DOM对象$()之前,我们可以使用addClass函数。
推荐文章1
广告