jQuery 知识点大纲

jQuery是一个JavaScript库

jQuery选择器

演示jQuery的hide()函数,隐藏当前的HTML元素
$(this).hide()  

演示jQuery的hide()函数,隐藏所有<p>元素
$("p").hide()

演示jQuery的hide()函数,隐藏所有class="test"的元素
$(".test").hide()

演示jQuery的hide()函数,隐藏所有id="test"的元素
$("#test").hide()

jQuery事件
jQuery click()             单击事件 
jQuery dblclick()          双击事件
jQuery mouseenter()        鼠标指针穿过元素
jQuery mouseleave()        鼠标指针离开元素
jQuery mousedown()         当按下鼠标按钮时
jQuery mouseup()           当松开鼠标按钮时
jQuery hover()             当鼠标指针悬停在上面时
jQuery focus()             当输入框获得焦点时
jQuery blur()              当输入框失去焦点时

jQuery隐藏/显示
jQuery hide()
jQuery show()
jQuery toggle()            用于切换hide()和show()

jQuery淡入淡出
jQuery fadeln()            淡入
jQuery fadeOut()           淡出
jQuery fadeToggle()        切换淡入淡出
jQuery fadeTo()            变淡

jQuery滑出
jQuery slideDown()          滑下
jQuery slideUp()            拉起
jQuery slideToggle()        切换滑下拉起

jQuery动画
jQuery animate()            自定义动画,比如移动,可以设置多个css属性
jQuery stop()               停止动画

jQuery HTML获取和属性
jQuery text()和html()        获取文本和内容
jQuery val()                 获取值
jQuery attr()                获取属性值

jQuery HTML添加元素/内容
jQuery append()              在选取元素的末尾添加内容
jQuery prepent()             在选取元素的开头添加内容
jQuery after()和before       在选取元素的前后添加HTML元素

jQuery HTML移除元素/内容
jQuery remove()              移除选取的元素
jQuery empty()               移除选取元素的所有子元素

jQuery Get和设置CSS类
jQuery addClass()            不同元素添加class属性
jQuery removeClass()         移除指定元素的类
jQuery toggleClass()         在选取的元素切换(添加/删除)类

jQuery css()返回/设置CSS属性

jQuery 尺寸
jQuery -返回width()和height()
jQuery -返回innerWidth()和innerHeight()         含内边距
jQuery -返回outerWidth()和outerHeight()         含内边距和边框
jQuery -返回outerWidth(true)和outerHeight(true) 含内边距、边框和外边距
jQuery -返回width()和height() of document 和window  返回HTML文档和窗口的width和height
jQuery -设置width()和height()
设置指定元素的width和height

jQuery 遍历-祖先
jQuery parent()
jQuery parents()
jQuery parentsUntil()

jQuery 遍历-后代
jQuery children()
jQuery find()

jQuery 遍历-同胞(siblings)
jQuery siblings()
jQuery next()
jQuery nextAll()
jQuery nextUntil()

jQuery AJAX load()方法
jQuery load()

jQuery AJAX get()和post()方法
jQuery get()
jQuery post()


 

猜你喜欢

转载自blog.csdn.net/qq_39178993/article/details/81779901