问题集

最新推荐文章于 2023-04-19 22:01:06 发布

转载最新推荐文章于 2023-04-19 22:01:06 发布 · 49 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aimyfly/p/3185557.html

本文详细解析了jQuery的html()方法在获取HTML元素内容时的使用技巧，包括如何完整获取包含标签自身在内的HTML代码。同时，文章介绍了响应式布局样式引用方法、虚线框隐藏技巧及解决方法，并提供了详细的实例代码。此外，还讨论了IE浏览器不支持某些CSS3高级选择器的问题，以及在不同浏览器下实现一致性的策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

**********jquery 的html()方法，可以获取一个标签内部的html，如何获取整个标签html，包括自己？

如：<div id="divId"><a href="aaa"></a></div>
$("#divId").html();得到的是<a href="aaa"></a>
如何获取整个<div id="divId"><a href="aaa"></a></div>

$( "#divId" ).click( function (){

alert($( "<div></div>" ).append($( this ).clone()).html());

});

********** hideFocus是对超链接外虚线框的设定！

hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：
onFocus="this.blur()"
它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。
你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。

在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。

演示：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Test </TITLE>
</HEAD>
<BODY>
<a href="#" hidefocus="true" title="XX">没有虚线框</a>
<br><br>
<a href="#" title="XX">有虚线框</a>
</BODY></HTML>

而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：

a {outline:none;}
或者
a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE