JQ内容详情

JQ的加载模式：

window.onload:全部资源加载完毕 只能执行一次，会覆盖前边的 不能简写

$(document).ready(function(){}) : DOM结构加载完毕 可多次执行 可简写$(function(){});

JQ的使用：

后代选择器：header div $("header").find("div")等价于$("header").children('p')

子代选择器：header>div IE6不支持 $("header").children('p')

第一个 :first

最后一个 :last

所有偶数 :even

所有奇数 :odd

根据下标进行选择 :eq(n)

根据属性进行选择 [title]

拓展：容错功能（很多情况下动态DOM生成会有问题） 选择器复杂度（选择器越复杂，字符串解析越慢）

JQ的属性：

attr('title') 获取属性值

attr('title','hhhhhhhh') 设置属性值

attr({

title:'enenenenen',

style:'background-color:red';

}) 同时设置多个属性值

removeAttr('title') 移除属性值

removeClass('page')移除class的值

addClass('page') 添加class的值

toggleClass('hhhhhhh') 添加或者移除class的值