• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

2021/6/10 jQuery随笔

开发技术 开发技术 17小时前 3次浏览
'''
$(选择器) --> jQuery(选择器)

$(选择器)[0] DOM对象
$(DOM对象) jQuery对象
$('<标签名>') 代表创建一个标签

window.onload = function(){js代码} --> 推荐以下方法
$(document).ready(function(){js代码})
$(function(){js代码})

$('#id/.class/TagName/*')
$('#id,.class,TagName')

$('x y/x>y/x+y/x~y')

$('x[a=b/a!=b/a^=b/a$=b/a*=b/a~=b]')

:first/last/eq(index)/even/odd/gt(index)/lt(index)/not(选择器)/has(选择器)
input --> :text/password/checkbox/radio/file/submit/reset/bottom
form --> :enabled/disabled/checked/selected

.next/nextAll/nextUntil()
.prev/prevAll/prevUntil()
.parent/parents/parentsUntil()
.children/siblings/find/filter/first/last/eq/not/has()

.addClass/removeClass/hasClass/toggleClass()

.offset/position/scrollLeft/scrollTop()

.height/width/innerHeight/innerWidth/outerHeight/outerWidth()

.html/text/val()

.attr(attr/attr,value/item)/removeAttr(attr)
.prop(attr/attr,value/item)/removeProp(attr)

.append()
.appendTo()

.prepend()
.prependTo()

.after()
.insertAfter()

.before()
.insertBefore()

.remove()
.empty()

.replaceWith()
.replaceAll()

.clone(true)

.click/keyup/hover/change/focus/blur/ready()

$().on('事件', '选择器', function(){js代码})
$().click(function(){})

$().off('事件', '选择器', function(){js代码})

$().on('事件', '选择器', function(){
return false 阻止标签默认事件,和事件冒泡
event.preventDefault()
event.stopPropagation()
})

$('父级标签').on('click', 'div', function(){})
父级标签内的所有后代 div标签都绑定click事件

.show()
.hide()
.toggle()

.slideDown()
.slideUp()
.slideToggle()

.fadeIn()
.fadeOut()
.fadeTo(ms, 淡化度)
.fadeToggle()

.animate()

.each(a,function(index, obj){})
.data(k,v)
.data(k)
.removeData(k)

.jQuery.extend({
xxx:function(){}
})
jQuery.xxx()

jQuery.fn.extend({
xxx:function(){
return this.each(function(){this.})
}

})
jQuery.xxx()

$().serializeArray()
'''

程序员灯塔
转载请注明原文链接:2021/6/10 jQuery随笔
喜欢 (0)