JQ学习之-01

2023-12-31 00:07:00

jq获取元素

$("#id").通过id获取对象

$("p").获取所有p标签

$(this)使用当前元素对象

$(".class")通过class获取对象

事件操作

$(document).ready():该方法允许我们在文档完全加载完成后执行函数。

click:点击后触发

mouseenter:鼠标在元素之上时触发

mouseleave:鼠标离开元素时触发

mousedown:鼠标在元素上按下时触发

mouseup:鼠标在元素上松开时触发

hover:光标悬停是触发

focus:元素获得焦点时触发

blur:元素失去焦点时触发

其他方法

hide:隐藏元素

show:显示元素

toggle:用于自动切换hide、show函数

slideDown、slideUp:以动画形式向上或向下滑动元素

slideToggle:自动切换slideDown、slideUp

DOM操作

text:设置或返回所选元素的文本内容

html:设置或返回所选元素的内容,包括html标签

val:设置或返回表单字段的值

attr:获取属性值;attr("href")

append:在被选元素内部的结尾添加新元素

prepend:在被选元素内部的开头插入内容

after:在被选元素之后插入内容

before:在被选元素之前插入内容

remove:删除元素及子元素或删除指定元素

empty:删除子元素

addClass:添加class

removeClass:删除class

toggleClass:添加或删除class

css:操作css属性

文章来源:https://blog.csdn.net/Dragonlongbo/article/details/135310197
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。