$(
"#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
完整的解决虚线的办法:(本博的另一篇文章中有说明)
**********响应式布局样式引用方法
<link rel="stylesheet" media="only screen and (min-width: 768px)" href="" />
<link rel="stylesheet" media="only screen and (min-width: 940px)" href="" />
<link rel="stylesheet" media="only screen and (min-width: 1060px)" href="" />
<link rel="stylesheet" media="only screen and (min-width: 1200px)" href="" />
**********百度搜索时使用 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) 等;