jquery一些基本函数

时间:2021-07-08 03:19:05

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() 向上收起