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

jquery一些基本函數