[璃猫]

璃猫博客

limao.pro

JQuery样式表

Aurora

December 2, 2020

访问: 109 次

0 Comments

529字数

#

JQuery 框架

首页 / 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

外部参考手册

选择器:https://www.runoob.com/jquery/jquery-ref-selectors.html
事件:https://www.runoob.com/jquery/jquery-ref-events.html
效果:https://www.runoob.com/jquery/jquery-ref-effects.html
HTML/CSS:https://www.runoob.com/jquery/jquery-ref-effects.html
遍历:https://www.runoob.com/jquery/jquery-ref-traversing.html

本文为原创知识文章,版权归 璃猫博客 所有,转载请注明出处!

本文链接: https://www.limao.pro/archives/019.html

友情提示:如果博客部分链接出现404,请留言或者 联系博主 修复。

最后修改时间:December 2, 2020

© 本文允许规范转载

嗨!猫客,不妨给 5秒 时间,赞赏一下本博客吧!( 其实本博主在按钮里藏了支付宝红包哦~ )

上一篇
下一篇

发布你的观点趴i

评论 ( 请使用真实邮箱地址,以便接收评论回复信息 )

选择表情

还没有小可爱发布评论呢~ o(╥﹏╥)o

下面没有内容啦!(°Д°) 太长啦~我快被撑爆啦!o(╥﹏╥)o

热门文章
TYPECHO恋爱主题 - 往后余生 November 29, 2020
CSS样式表 November 26, 2020
JAVA环境安装与编程软件Eplices安装教程 November 23, 2020

站内活动 时间一般均为 7天 时间

欢迎各位猫客,本站运营初期,不足之处欢迎大家指点。(灬°ω°灬)

博客资料
  • 文章数目

    70

  • 评论数目

    9

  • 站内页面

    3

  • 运行天数

    0年202天

广而告之
我在等你呢~
[享受生活 做最酷的自己]
[头像]

Aurora

环游是无趣,至少可以陪着你~

×
SUPPORT