jquery基础教程笔记

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()