前端Jquery小结

h1：标签表明着一个网页的题目或者是主题，通常只能出现一次，切勿使用过分；
h2：标签表明着页面内一篇文章的标题，因此也不要出现太多，一个页面最好控制在3个之内。
h3：标签通常做为文章的子标题。在搜索引擎的权重就很低了。对strong标签，是为文字加粗，一样含有加剧此文字的意思，通常也是用于标题。
h4-h6：是告诉搜索引擎这些不是很重要的内容，当一篇文章内容较多的时候，能够用来讲明一些内容是不很重要的。

能使用CSS完成的效果，尽可能不要使用HTML原标签。如<strong>等

使用jquery选择器选择页面元素时：
若是该元素在当前页面上只出现了一次，避免使用class选择器，请为该元素设置id经过id进行选择
class的出现应该是：1，批量操做css。  2:JQ的批量操做，不然不推荐使用

选择器速度排行榜：
1:id  ：等于getElementById()
2:tag ：等于getElementsByTagName()

复杂页面，最好等选出来在用过滤选择器，不要一次性写在一个string里，
由于当有nth|eq|gt|lt|first|last|even|odd 的时候，选择器会从左向右，屡次选择，保存，过滤。效率很低。

除非在特殊状况下, 不然每个js事件（例如:click, mouseover等。）都会冒泡到父级节点。
当咱们须要给多个元素调用同个函数时这点会颇有用。代替这种效率不好的多元素事件监听的方法就是，你只需向它们的父节点绑定一次。 好比，咱们要为一个拥有不少输入框的表单绑定这样的行为：当输入框被选中时为它添加一个class传统的作法是，直接选中input，而后绑定focus等，以下所示：

如下是引用片断：
$("#entryform input").bind("focus", function(){
$(this).addClass("selected"); }).bind("blur", function(){
$(this).removeClass("selected");
}); 

固然上面代码能帮咱们完成相应的任务，但若是你要寻求更高效的方法，请使用以下代码：

如下是引用片断：
$("#entryform").bind("focus", function(e){
var $cell = $(e.target);
// e.target 捕捉到触发的目标元素
$cell.addClass("selected");
}).bind("blur", function(e){
var $cell = $(e.target); $cell.removeClass("selected"); }); 

　　经过在父级监听获取焦点和失去焦点的事件，对目标元素进行操做。在上面代码中，父级元素扮演了一个调度员的角色，它能够基于目标元素绑定事件。若是你发现你给不少元素绑定了同一个事件监听，那么如今的你确定知道哪里作错了。同理，在Table操做时，咱们也可使用这种方式加以改进代码：普通的方式：

如下是引用片断：
$('#myTable td').click(function(){
$(this).css('background', 'red'); });

　　改进方式：

如下是引用片断： $('#myTable').click(function(e) { var $clicked = $(e.target); $clicked.css('background', 'red'); });