天天看点

jquery一些基本函数

jquery.com

1.x版本兼容ie

2.x版本简化适合移动端

$('li:first') 第一个

$('li:eq(2)')

$('li:last') 最后一个

$('li:odd') 偶数行 1 3

$('li:even') 奇数行 0 2

$('li').filter('.box') 筛选类是box的li

$('li').filter('[title=hello]')

点击弹出div里的内容

$('#div1').click(function(){

alert($(this).html())

})

.css()

.click()

.html()

.has() 是否包含一个元素

.filter() 元素筛选

.not() 元素过滤

.next() 找到下一个兄弟节点

.attr() $('div')

.find() 寻找

.eq() 指定元素

.index() 索引,元素在所有兄弟节点中的位置

.addClass() .attr('class','box') 添加class

.removeClass()

.width() 默认像素,不带单位

.outerWidth() width+padding+border

.innerWidth() width+padding

.insertBefore() 插入在元素的前面

.insertAfter()

.append()

.appendTo()

.prepend()

.prependTo()

.before()

.remove() 删除节点

.on() 绑定事件

.off() 取消事件

$('<div>') 创建标签

event事件

ev.pageX(相对于文档) js中的clientX(相对于可视区)

ev.wich js中的KeyCode

ev.preventDefault() 阻止默认事件

ev.stopPropagation() 阻止冒泡事件

return false 阻止默认+阻止冒泡

.one() 执行一次事件

.offset().left

.offset().top

.position()

.parent() 获取父级

.offsetParent 获取有定位的父级

.val()

.size() 相当于length

.each() 循环

.hover(fn1,fn2) 鼠标移入移出

.show() 宽高透明度变换

.hide()

.fadeIn() 淡入

.fadeOut()

.slideDown() 向下展开

.slideUp() 向上收起

继续阅读