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