随笔- 12  评论- 2  文章- 0 

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

posted on 2011-11-23 22:22 ferry_passion 阅读(...) 评论(...) 编辑 收藏