jQuery中的new Image(）做什么

What does new Image() in jQuery do?

本文关键字：什么 Image 中的 new jQuery      更新时间：2024-05-08

我正在自学jQuery，到目前为止我已经掌握了基本知识。我在阅读如何交换图像时遇到了一段代码："new Image（）"

我知道这会创建一个新的图像作为对象（如果我错了，请纠正我），但这是我们在jQuery中通常用于创建对象的代码吗？假设我想创建一个新的div对象。我会写"new Div（）"吗？

提前感谢您的帮助！

纳撒尼尔

它是图像元素构造函数

它接受两个可选参数：Image([unsigned long width, unsigned long height])

示例：

var myImage = new Image(100, 200);
myImage.src = 'picture.jpg';
console.log(myImage);

结果：

<img width="100" height="200" src="picture.jpg">`

PS:它与jQuery无关，它只是JavaScript

假设我想创建一个新的div对象。我会写"new Div（）"吗？

没有。正如你可以通过Niet关于Image:的链接找到的那样

注意：由于历史原因，此构造函数存在，并返回一个HTMLImageElement实例，就像document.createElement('img')一样。

也就是说，您应该使用document.createElement来创建新的DOM元素。

jQuery还提供了创建元素的方法：

jQuery提供了一种简单而优雅的方法来创建新元素，使用与进行选择相同的$()方法：

// Creating new elements from an HTML string.
$( "<p>This is a new paragraph</p>" );
$( "<li class='"new'">new list item</li>" );
// Creating a new element with an attribute object.
$( "<a/>", {
    html: "This is a <strong>new</strong> link",
    "class": "new",
    href: "foo.html"
});

事实上，您应该浏览整个jQuery教程，因为它可能会回答您的许多问题。

相关文章：