`
wanshuiqianshan
  • 浏览: 39908 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在IE8下用JQuery获取自定义标签

阅读更多

在html页面中自定义一个标签<user-defined>,如下一段代码:

 

HTML代码
<user-defined>
     <h1>Welcome to user-defined</h1>
</user-defined>
 

现在想用JQuery获取<user-defined>标签对象,并在该标签里内容的前后各插入一段内容:

 

JavaScript代码
$(function(){
     jQuery("user-defined").prepend("<p>test1</p>").append("<p>test2</p>");
});
 

在非IE浏览器中可以正常执行,要在IE下也能正常执行的话,要在使用<user-defined>标签之前先用JavaScript创建一个虚假的<user-defined>元素,添加下面一行代码:

 

JavaScript代码 写道
document.createElement("user-defined");

 这样的话,在IE下就可以正常使用自定义标签了。

 

 

分享到:
评论

相关推荐

    IE8调用IE7渲染模式,网页高度根据内容高度显示

    在网页开发过程中,兼容...在某些情况下,特别是当网页代码依赖于IE7的特定行为时,我们需要强制IE8使用这种模式。 要让IE8运行在IE7兼容模式,关键在于添加一个特定的HTTP元标签(meta tag)。这个标签是: ```html ...

    IE8兼容性和判断IE浏览器版本

    首先,IE8只支持jquery2.0以下的版本,因此在使用jquery时需要注意版本问题。 其次,IE8不支持document.getElementsByClassName("Amount");解决办法是使用getElementsByClassName函数,该函数可以获取具有指定类名...

    jQuery表单输入框标签插件jQuery FormLabels.zip

    jQuery FormLabels是一款强大的JavaScript插件,专为...总的来说,jQuery FormLabels插件为Web开发者提供了一个简单且有效的手段,用以提升表单的用户体验,通过合理的配置和自定义,可以适应各种设计风格和项目需求。

    基于jquery的自定义鼠标提示效果 jquery.toolTip

    使用这个自定义提示效果非常简单,只需在文档加载完成时,通过选择器选取带title属性的标签,并绑定toolTip方法。如果需要对带alt属性的标签使用提示效果,也可以进行适当的代码修改。此外,title属性中还支持简单的...

    JQuery1.9标签库

    2. **兼容性提升(Compatibility Enhancements)**: 1.9版本继续支持IE6+等老版本浏览器,同时优化了对现代浏览器的支持,确保在各种环境下都能良好运行。 3. **性能优化(Performance Improvements)**: jQuery ...

    js获取单元格自定义属性值的代码(IE/Firefox)

    本篇将详细讲解如何在IE和Firefox两种浏览器环境下,通过JavaScript获取单元格的自定义属性值。 首先,我们需要了解JavaScript中的`document.all`对象,这是IE特有的一个全局对象,它包含了一个HTML文档中所有`...

    HTML在IE浏览器和FF浏览器中标签的使用

    应使用getAttribute('value')来获取自定义属性值。 6. **form.item**:IE中的document.formName.item("itemName")在FF中不支持。可以改用document.getElementsByName("itemName")[0]或其他方法来获取表单元素。 ...

    Jquery多选下拉列表插件jquery multiselect

    一般情况下,这些文件可以从GitHub或其他CDN获取。 ```html &lt;link rel="stylesheet" href="path/to/jquery.multiselect.css"&gt; &lt;script src="path/to/jquery.js"&gt; &lt;script src="path/to/jquery.multiselect.min.js"&gt;...

    jQuery基础自学笔记(pink老师jQuery全内容)

    jQuery 支持所有主流浏览器,包括IE6+,确保代码在不同环境下稳定运行。 10. **性能优化(Performance)** - 使用 `$()` 封装的选择器应该尽可能精确,减少DOM遍历。 - 使用 `.delegate()` 或 `.on()` 代替 `....

    jquery1.4.1使用手册

    8. **效率优化**:在使用jQuery时,应注意性能优化,如减少DOM操作次数,使用高效的selector,避免使用全局变量,以及利用缓存机制提高性能。 9. **兼容性**:jQuery 1.4.1版本对当时的主流浏览器(如IE6/7/8、Fire...

    这是一个jQuery插件简单易用自持自定义样式的滑动条Slider

    8. **兼容性**:由于基于jQuery,JackWeiSlider具有良好的浏览器兼容性,能够支持大部分现代浏览器,包括IE9及以上版本。这使得它可以在多种环境下稳定运行。 总结,JackWeiSlider是一个灵活的jQuery插件,它为网页...

    超实用的jQuery代码段

    9.30 用jQuery删除空白标签和具有非中断空格的标签 第10章 jQuery Mobile移动开发技巧 10.1 让页面自适应屏幕宽度 10.2 在移动设备页面中创建多个显示视图 10.3 创建对话框显示效果 10.4 从外部文件中加载页面内容 ...

    JQuery1.4.1

    - 引入jQuery库:在HTML文件中通过 `&lt;script&gt;` 标签引入jQuery文件,通常放在 `&lt;/body&gt;` 标签前以优化页面加载。 - 兼容性:虽然1.4.1版本较旧,但仍能支持大部分现代浏览器,但对IE6/7的兼容可能需要额外的处理。 ...

    最新jQuery,支持IE9拖拽

    2. **DOM操作**: jQuery 提供了一系列方法来操作DOM元素,如 `append()` 用于在元素内部添加内容,`prepend()` 在元素内容前面插入,`remove()` 删除元素,`html()` 获取或设置元素的HTML内容等。 3. **事件处理**:...

    jquery 弹出框,可以拖动。在任兼容ie6~ie9 firefox 谷歌

    5. 浏览器兼容性处理:针对IE6至9的特性差异,可能需要使用特定的CSS hack或JavaScript库,如jQuery的`.browser`对象(尽管现在已不推荐使用)来确保在不同浏览器上的正常工作。 6. 动画效果:可能使用jQuery的`....

    jQuery自定义check、radio样式

    在网页设计中,jQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本项目专注于“jQuery自定义check、radio样式”,旨在改善网页中的复选框(checkbox)和单选按钮(radio)的默认...

    jQueryMobile-HTML5模板

    4. **多媒体支持**:HTML5的音频和视频标签,使得在jQuery Mobile应用中嵌入多媒体内容变得容易。 5. **Canvas与SVG**:这两种图形绘制技术,可用于创建动态图表、游戏或其他复杂的视觉效果。 **三、学习jQuery ...

    jQuery2.1.3

    jQuery2.1.3版本专注于现代浏览器的优化,移除了对IE6/7/8的支持,提高了运行速度。但同时,对于仍需支持老版IE的项目,推荐使用jQuery1.x系列。 八、插件生态 jQuery的生态系统丰富,拥有众多高质量的插件,如...

Global site tag (gtag.js) - Google Analytics