css选择符
$('#id > li').addClass('none'); // > 子元素 $('#id li:not(.none)').addClass('not-none'); // :not选择符XPath选择符 $('a[@title]') //所有带title属性的链接 $('div[ol]') //取包含一个ol元素的所有div ^ 开始 $结尾 *任意位置 $('a[@href^="mailto:"]'.addClass('mailto'); $('a[@href$=".pdf"]'.addClass('pdflink'); $('a[@href*="mysite.com"]').addClass('mysite');自定义选择符 $('div.myclass:eq(1)') //从带有myclass类的div集合中选择第二个项 js从0开始，css从1开始 :odd奇数 :even偶数 $('tr:odd').addClass('odd'); === $('tr').filter(':odd').addClass('odd'); $('tr:even').addClass('even'); $('td:contains("Henry")').addClass('highlight'); .parent() 取父元素 .next() 取后一个元素 .siblings() 取兄弟元素 .end() 结束上一次查询 .get(index) 取DOM元素 $('#myid').get(0) === $('#myid')[0]事件 绑定事件： $('#myid').bind('click',function(){}); === $('myid').click(function(){}); .toggle()单击交替事件 两个函数参数，函数交替执行 .toggleClass('#myclass') 如果存在(不存在)就删除(添加)一个类 .hover()突出显示鼠标指针下方的页面元素 event.target保存发生事件的目标元素 event.stopPropagation()阻止事件冒泡 .preventDefault()在触发默认操作之前终止事件 解除绑定事件 $('#myclass').unbind('click',f); .trigger() 模拟事件的操作 $('#myclass').trigger('click'); ===$('#myclass').click(); .show() 可以指示显示速度 slow 0.6秒 normal 0.4秒 fast 0.2秒 .show(1000) 1秒 淡入淡出 .fadeIn('slow') 逐渐增大不透明度 .faseOut() 逐渐减少不透明度 .animate创建自定义动画 4个参数： 样式属性及值的映射 速度 缓动类型 回调函数 .each() 方法 类似迭代器 index属性 .insertBefore()和.before() 将元素插入到其他元素前面 .insertAfter()和.after() 向其他元素后面插入元素 .clone() 复制元素 $('div.chapter p:eq(0)').clone().insertBefore('div.chapter'); 设置参数false只复制匹配的元素，而不复制匹配的子元素 匹配元素中插入新元素 .append() .appendTo() .prepend() .prependTo() 匹配的元素外部插入新元素 .wrap() 移除匹配的元素 .empty() 从文档中移除每个匹配的元素及后代元素,但不实际删除它们 .remove()