jquery 学习笔记
推荐书籍
Learning jQuery Better Interaction Design and Web Development with Simple Javascript Technigues
author Jonathan chaffer & Karl Swedberg
选择语法
$(‘#goods_category dd’) or $(‘#goods_category dd:not(.red)’)
$(‘a:odd’).addClass(‘red’) or $(‘a:even’).addClass(‘green’)
$(‘a’).filter(‘:odd’).addClass(‘red’);
获取某个dom元素
alert($(‘#goods_category dd:not(.red)’).get(0).tagName) or alert($(‘#goods_category dd:not(.red)’)[0].tagName);
事件绑定
.bind() and unbind()
.bind(‘click’ function(event){}) = .click(function(event){})
.toggle() .toggleClass() 切换
事件传播与默认操作
.StopPropagation()
.preventDefault()
如果处理事件函数返回 false 将同时执行两着
事件只绑定后只使用一次使用
.one()
模仿用户行为
.trigger(‘click’) = .click()
数据的批量提交
.find(‘input’).serialize() 需要hack一下,当多选项时有问题,可以自己修正一下
jquery 1.4版本以后增加
.slice()
你可能在javascript数组里见过这个方法–这对你来说太幸运了,因为他们的所产生的行为是一样的。这个方法用来从匹配的jQuery对象中分离出一部分jQuery对象的再好不过了。下面是调用slice()方法的一些正确方式:
JavaScript代码
$(“div”).slice(0,1); // 第一个 div
$(“div”).slice(-1); // 最后一个 div
$(“div”).slice(1,-1); // 除第一个最后一个的所有 div
$(“div”).slice(1,3); // 第二个和第三个 div
$(“div”).slice(7,8); [...]