type
status
date
slug
summary
tags
category
icon
password
URL
Sep 1, 2022 09:23 AM
JQuery是一个JS库，可以更简单的学习和使用JavaScript
jQuery将所有的对象都封装成一个集合，
$()的返回结果都是集合jQuery的导入
本地导入
<script src="jquery.min.js"></script>$是jQuery核心对象的简写$===jQuery延迟加载
ready和onload区别在于一个是页面所有元素加载完成后执行，一个是DOM结构加载完成后执行
原生dom和jQueryDom转换
基础选择器
层级选择器
属性选择器
$("#box2").next().css({background:"red"});
$("#box2").nextAll().css({background:"red"});
$("#box2").prev().css({background:"red"});
$("#box2").prevAll().css({background:"red"});
Selector
$("div").hide()
Events
$("div").click()
$("div").dblclick()
$("div").mouseenter()
$("div").mouseleave()
$("div").mousedown()
$("div").mouseup()
$("div").hover()
$("div").focus()
$("div").blur()
Hide/Show
$("div").hide()
$("div").show()
$("div").toggle()
Fade
fadeIn()
fadeOut()
fadeToggle()
fadeTo()
Slide
slideDown()
slideUp()
slideToggle()
Animate
animate()
stop()
Content & Attributes
text()
val()
html()
attr()
Add Element/Content
append()
prepend()
after()
before()
remove()
empty()
Get Set
addClass()
removeClass()
toggleClass()
CSS
css()
Dimensions
return
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
Traversing Ancestors
parent()
parents()
parentsUntil()
Traversing Descendants
children()
find()
Traversing Siblings
siblins()
next()
nextAll()
nextUntil()
Traversing Filtering
first()
last()
eq()
filter()
not()
Filters
Filter()
table
list
anything
AJAX
load(url,data,callback)get(url,function(data,status){})post(url,data,function(data,status){})