javascript – jQuery没有创建区域标签

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery没有创建区域标签，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1350字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试使用jQuery动态创建一个图像映射,我遇到了一个奇怪的行为：

alert( $('<area />').size() );                         // 1
alert( $('<area shape="circle" />').size() );          // 0
alert( $('<area />').attr("shape", "circle").size() ); // 1

换句话说,我不能一次创建一个区域标签;如果我说

$('<area shape="circle" coords="50,25,4" href="#" alt="foo" />')

然后什么都没创造但是,如果我逐渐这样做,它会起作用,例如

$('<area />')
    .attr("shape", "circle")
    .attr("coords", "50,25,4")
    .attr("href", "#")
    .attr("alt", "foo");

我不知道为什么会这样,因为我可以用属性和内容创建各种其他元素,例如：

$('<div id="foo" />')
$('<div id="bar">Hello World!</div>')

所以我不清楚为什么这不起作用.这并不是那么重要,因为我可以通过链接对attr的调用来实现它,但这很烦人,我想了解这种行为.

解决方法:

< area />元素仅在图像映射内定义(即< map>元素).所以基本上以下是失败的(因为这是jQuery对你的标记做的)：

var div = document.createElement('div');
div.innerHTML = '<area shape="circle" coords="50,25,4" href="#" alt="foo" />';
return div.childNodes; // this is empty, as the browser didn't allow 
                       // the <area /> element inside the <div> element

这只是其中一个显然是jQuery尚未解决的问题.在此期间尝试：

var $area = $(
    '<map><area shape="circle" coords="50,25,4" href="#" alt="foo" /></map>'
).contents();

// $area is the jQuery object for the newly created <area /> tag

$area.attr('coords'); // "50,25,4"

// etc

内容总结

以上是互联网集市为您收集整理的javascript – jQuery没有创建区域标签全部内容，希望文章能够帮你解决javascript – jQuery没有创建区域标签所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端