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一些基本函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。