JavaScript 使用jQuery的原生图像大小

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 使用jQuery的原生图像大小相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
$(document).ready(function(){
	// your selector
	$('img').each(function(index){
		var img = $(this);
		// create new image object
		var newImg = new Image();
		// get the src attribute to get the image size
		newImg.src = img.attr('src');
		// for demo purposes, used to display height and width values 
		img.hover(function(){
			$('#size').html("<b>Height:</b>" + newImg.height + "px, <b>Width:</b>" + newImg.width + "px");
		});
	});
});
</script>


// HTML MARKUP
<span id="size"> <b>Height:</b> 00px, <b>Width:</b> 00px </span>

以上是关于JavaScript 使用jQuery的原生图像大小的主要内容,如果未能解决你的问题,请参考以下文章

为什么原生 JavaScript 开发越来越多受欢迎?是否应该跟风用原生JavaScript代替 jQuery等库?

你可能不需要 jQuery!使用原生 JavaScript 进行开发

原生javascript的意义

为什么要用原生 JavaScript 代替 jQuery?

为什么要用原生 JavaScript 代替 jQuery?

使用 jQuery 插件自动格式化结构化数据(电话、日期)(或无法使用原生 JavaScript)