html+css+js(JQuery)使用笔记（随时更新）

1.遮盖层效果：

为下面的div设置：position：relative
为上面的div设置：positon:absolute
然后使用top、left、botton、right来调整调整上面的遮盖层的位置

2.使用js(JQuery)模拟超链接点击事件

通过$(“#超链接id”).click()来模拟超链接的点击事件，通过如下方式得出点击事件已经触发了，但是并没有跳转，主要原因是：我们点击超链接跳转时，其实是点击的超链接里的文字，而不是a标签。

    $('a').click(function() {
        alert(1);
    });
    $('a').click();

解决办法：

$("a")[0].click();

通过上述方式可以获取a标签中的文字，原生的js中也有相类似的代码：

document.getElementsByTagName("a")[0].click();

3.jQuery 文档操作 - clone()

当使用jquery的clone()方式复制文档时，并不会将原来标签中绑定的事件一起复制，但是可以使用clone(true)的方式来复制标签和标签绑定的事件

4.jquery操作同一类型元素样式互斥：

在同一域中可以使用“siblings()”来获取同胞元素，
在不同域中：
思路为：给其设置点击事件，先把所有的样式清楚，再给触发点击事件的元素添加样式。

$("a").click(function(){
  $("a").attr("class", "");
  $(this).attr("class", "XXXX");
});

5.JQuery获取td单元格中的值：

使用val()方式无法获取td单元格中的数据，而应该采用text()来获取

6.jquery绑定的事件，在使用ajax刷新一个同类型的页面后无法触发(失效):

解决：
在用jquery .ajax局部刷新之后 部分js无法调用
一般都是这样写function
$(‘a.样式’).click(function(){}) 上面是调用不了的 应该这样写$(“body”).on(“click”, ‘.样式’, function(){})
如果不是点击的话 直接将要执行的内容 function 在complete: function() 中调用即可

7.input输入框的blur事件：

jQuery使用类选择器为input标签添加blur()事件，但是当通过点击其他非input框的方式使其失去焦点，则能正常执行blur()时间；若点击其中某一个input获得焦点后，点击另一个class属性相同的input框，此时原先的input框失去焦点，但是另一个input框获得焦点，实际的bug为：blur()函数不断地执行，无法终止，浏览器卡死。
解决：（暂时没想到解决方案，如若看文的亲有解决的方法，希望浏览告知，再次万分感谢！）
伪解决方案：放弃使用blur()事件，而改用change()事件，但是这种实现方式相当于修改了需求，与原意不符，算是无奈之举。

8.jQuery获取标签的值：

当对input标签取值得时候，需要使用jQuery中的val()函数，但是对table中的td取值时却得使用text()函数。文档中写：
val()：获得匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。目前只有当标签拥有value属性时，才能使用val()获取标签的值。
text()：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。