web请求中,外部样式文件的加载不影响页面,js的加载会影响页面的加载速度javascript
window.onlond 页面全部元素加载完后执行包含js,css等加载完毕css
$(function(){}) 页面中DOM树加载完成后就执行 ===$(document).ready(function(){})html
jquery中的this是某个DOM元素java
选择器jquery
$("input[type='checkbox']:checked").val() 选中的值web
$(document).ready() 函数用于在文档结束加载以前阻止代码运行编程
noConflict() 方法用于处理命名冲突 会释放对$ 标识符的控制,这样其余脚本就能够使用它了 (其中某些框架也使用 $ 符号做为简写(就像 jQuery),若是您在用的两种不一样的框架正在使用相同的简写符号,有可能致使脚本中止运行。)框架
$("div#intro .head") 选取id为intro的div下class=head的全部元素dom
index() 方法返回指定元素相对于其余指定元素的 index 位置。函数
$("li").click(function(){ alert($(this).index()); });
DOM事件
一、dom0级事件特色:
1.一、相同dom元素的相同事件属性 只能 注册一个方法,若是注册多个,则会被后面的覆盖
1.二、使用的是事件冒泡:由内往外
document.getElementById("divFather").onclick=function(){ alert("divFather"); }
二、dom 2级事件特色:
2.一、注册的方式 不同 注册事件方法时 能够选择 捕获阶段事件(true),也能够选择 冒泡阶段事件(false)
2.1.一、使用的是事件冒泡:由内往外
document.getElementById("div1").addEventListener("click",function(){alert("div1")},false) document.getElementById("div2").addEventListener("click",function(){alert("div2")},false)
链式编程的三种状况
一、不返回Jquery对象的方法:val(),html(),text(),attr()返回文本字符串
二、返回新的Jquery对象的方法:next(),nextAll(),parent(),children(),prev()...
三、剩下基本都是返回当前Jquery对象