jQuery中的新Image()有什么作用?

时间:2015-02-24 21:34:33

标签: javascript jquery css

我正在教自己jQuery,我认为到目前为止我已经掌握了基础知识。在阅读如何交换图像时,我遇到过一段代码:'new Image()'

据我所知,这会创建一个新图像作为对象(如果我错了,请纠正我),但这个代码是否用于在jQuery中创建对象?假如我想创建一个新的div对象。我会写'新Div()'吗?

提前感谢您的帮助!

纳撒尼尔

2 个答案:

答案 0 :(得分:2)

这是Image Element constructor

  

它接受两个可选参数: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

答案 1 :(得分:0)

  

说我是否想创建一个新的div对象。我会写'新Div()'吗?

没有。正如你可以通过遵循Niet的link about Image

找到的
  

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

即。您应该使用document.createElement来创建新的DOM元素。

jQuery还提供了create elements

的方法
  

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 tutorial,因为它可能会回答你的许多问题。