**********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- 768px)" href="/assets/css/screen_768.css" />
<link rel="stylesheet" media="only screen and (min- 940px)" href="/assets/css/screen_940.css" />
<link rel="stylesheet" media="only screen and (min- 1060px)" href="/assets/css/screen_1060.css" />
<link rel="stylesheet" media="only screen and (min- 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) 等;