JQuery样式表

Aurora

December 2, 2020

访问: 109 次

0 Comments

529字数

JQuery 框架

首页 / JQuery 框架正文

JQuery样式表

样式	作用
$(document).ready(function(){})	执行代码
$(function(){})	执行代码
hide()	隐藏
show()	显示
fadeIn()	淡入
fadeOut()	淡出
fadeToggle()	淡入淡出切换
fadeTo()	允许渐变为给定的不透明度
slideDown()	向下滑动
slideUp()	向上滑动
slideToggle()	滑动切换
animate()	动画效果
stop()	停止动画
append()	在被选元素的结尾插入内容
prepend()	在被选元素的开头插入内容
after()	在被选元素之后插入内容
before()	在被选元素之前插入内容
remove()	删除被选元素及其子元素
empty()	删除被选元素的子元素
$("p").remove(".italic");	过滤被删除的元素
addClass()	添加CSS样式
removeClass()	删除CSS样式
toggleClass()	添加样式切换
css({"":"","":""})	CSS添加
width()	宽度
height()	高度
$(window).height/width()	浏览器当前窗口可视区域高度/宽度
$(document).height/width()	浏览器当前窗口文档的高度/宽度
$(document.body).height/width()	浏览器当前窗口文档body的高度/宽度
$(document.body).outerHeight/outerWidth(true)	浏览器当前窗口文档body的总高度/宽度
parent()	返回被选元素的直接父元素
parents()	返回被选元素的所有祖先元素
parentsUntil()	返回两元素中的所有祖先元素
siblings()	所有同胞元素
next()	下一个同胞元素
nextAll()	返回所有跟随的同胞元素
nextUntil()	返回两元素之间所有同胞元素
prev()	下一个同胞元素
prevAll()	返回所有跟随的同胞元素
prevUntil()	返回两元素之间所有同胞元素
filter()	返回所有带值的元素
not()	返回所有不带值的元素

JQ选择器

样式	作用
$("p")	标签选择器
$("#test")	ID选择器
$(".test")	Class选择器
$("*")	选取所有元素
$(this)	本身选择器
$("*:first")	元素第一个
$("*:last")	元素最后一个
$(":eq(0~)")	第0~*个元素
$("[href]")	选取带有 href 属性的元素
$("tr:even")	选取偶数位置的 <tr> 元素
$("tr:odd")	选取奇数位置的 <tr> 元素

JQ事件

样式	作用
click()	单击事件
dblclick()	双击事件
mouseenter()	穿过元素事件
mouseleave()	离开元素事件
mousedown()	经过并单击事件
mouseup()	经过但松开鼠标单击事件
hover()	悬停事件
focus()	获得焦点
blur()	失去焦点

DOM获取

样式	作用
text()	返回所选元素的文本内容
html()	返回所选元素的内容（包括 HTML 标记）
val()	返回表单字段的值
attr()[href]	获取属性值

JQuery实例：https://www.runoob.com/jquery/jquery-examples.html