JQuery随笔

web请求中，外部样式文件的加载不影响页面，js的加载会影响页面的加载速度

window.onlond 页面所有元素加载完后执行包含js，css等加载完毕

$(function(){}) 页面中DOM树加载完成后就执行 ===$(document).ready(function(){})

jquery中的this是某个DOM元素

选择器

$("input[type='checkbox']:checked").val() 选中的值

$(document).ready() 函数用于在文档结束加载之前阻止代码运行

noConflict() 方法用于处理命名冲突  会释放对$ 标识符的控制，这样其他脚本就可以使用它了 （其中某些框架也使用 $ 符号作为简写（就像 jQuery），如果您在用的两种不同的框架正在使用相同的简写符号，有可能导致脚本停止运行。）

$("div#intro .head") 选取id为intro的div下class=head的所有元素

index() 方法返回指定元素相对于其他指定元素的 index 位置。

$("li").click(function(){
  alert($(this).index());
});

DOM事件

1、dom0级事件特点：

1.1、相同dom元素的相同事件属性 只能 注册一个方法，如果注册多个，则会被后面的覆盖

1.2、使用的是事件冒泡：由内往外

document.getElementById("divFather").onclick=function(){
      alert("divFather");
}

2、dom 2级事件特点：

2.1、注册的方式 不一样 注册事件方法时 可以选择 捕获阶段事件（true），也可以选择 冒泡阶段事件（false）

2.1.1、使用的是事件冒泡：由内往外

document.getElementById("div1").addEventListener("click",function(){alert("div1")},false)
document.getElementById("div2").addEventListener("click",function(){alert("div2")},false)

链式编程的三种情况

1、不返回Jquery对象的方法：val(),html(),text(),attr()返回文本字符串

2、返回新的Jquery对象的方法：next(),nextAll(),parent(),children(),prev()...

3、剩下基本都是返回当前Jquery对象