问题集
**********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即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：
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
完整的解决虚线的办法：（本博的另一篇文章中有说明）http://hi.baidu.com/chai516_zjnb/blog/item/d97551a89a4fbef11e17a2cc.html
**********响应式布局样式引用方法
<link rel="stylesheet" media="only screen and (min-width: 768px)" href="/assets/css/screen_768.css" />
<link rel="stylesheet" media="only screen and (min-width: 940px)" href="/assets/css/screen_940.css" />
<link rel="stylesheet" media="only screen and (min-width: 1060px)" href="/assets/css/screen_1060.css" />
<link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/assets/css/screen_1200.css" />
**********百度搜索时使用 site:pan.baidu.com 素材
**********iframe里的div元素无法获取到
1、iframe里的div元素无法获取到，需采用以下方式 ：$(window.frames["ifrmain"].document).find(".tableContainer"); ／／ifrmain为 iframe的id；
var tableContainer = $(".tableContainer");
if (tableContainer.length == 0) { //判断此元素是否在iframe里；
tableContainer = $(window.frames["ifrmain"].document).find(".tableContainer");
}
2、 在IE6下背景图片总是有一个像素的错位 ：采用gif图片即可避免；
3、 字体： font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
字体大小：em (各浏览器默认字体为16px，如设12px大小字全应为 ： 12/16=0.75em em是以低级为基准， rem是以html为基准设定)
**********IE是不支持CSS3高级选择器 如 :nth-child(4n+3) 等；
