【jquery基础教程】jquery事件及操作大汇总

在学习Javascript语言中,有一个优秀的Javascript库是大家都会遇到的——jquery,今天小编汇总了jquery事件及操作,现在一起来看看jquery基础教程吧!

事件
bind()        向匹配元素附加一个或更多事件处理器
blur( )        触发、或将函数绑定到指定元素的 blur 事件
change()        触发、或将函数绑定到指定元素的 change 事件
click()        触发、或将函数绑定到指定元素的 click 事件
dblclick()            触发、或将函数绑定到指定元素的 double click 事件
delegate()           向匹配元素的当前或未来的子元素附加一个或多个事件处理器
die()           移除所有通过 live() 函数添加的事件处理程序。
error()          触发、或将函数绑定到指定元素的 error 事件
event.isDefaultPrevented()            返回 event 对象上是否调用了 event.preventDefault()。
event.pageX         相对于文档左边缘的鼠标位置。
event.pageY         相对于文档上边缘的鼠标位置。
event.preventDefault()        阻止事件的默认动作。
event.result         包含由被指定事件触发的事件处理器返回的最后一个值。
event.target         触发该事件的 DOM 元素。
event.timeStamp        该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。
event.type          描述事件的类型。
event.which        指示按了哪个键或按钮。
focus()            触发、或将函数绑定到指定元素的 focus 事件
keydown()           触发、或将函数绑定到指定元素的 key down 事件
keypress()          触发、或将函数绑定到指定元素的 key press 事件
keyup()           触发、或将函数绑定到指定元素的 key up 事件
live()           为当前或未来的匹配元素添加一个或多个事件处理器
load()        触发、或将函数绑定到指定元素的 load 事件
mousedown()        触发、或将函数绑定到指定元素的 mouse down 事件
mouseenter()        触发、或将函数绑定到指定元素的 mouse enter 事件
mouseleave()        触发、或将函数绑定到指定元素的 mouse leave 事件
mousemove()        触发、或将函数绑定到指定元素的 mouse move 事件
mouseout()        触发、或将函数绑定到指定元素的 mouse out 事件
mouseover()        触发、或将函数绑定到指定元素的 mouse over 事件
mouseup()                触发、或将函数绑定到指定元素的 mouse up 事件
one()          向匹配元素添加事件处理器。每个元素只能触发一次该处理器。
ready()          文档就绪事件(当 HTML 文档就绪可用时)
resize()          触发、或将函数绑定到指定元素的 resize 事件
scroll()          触发、或将函数绑定到指定元素的 scroll 事件
select()          触发、或将函数绑定到指定元素的 select 事件
submit()             触发、或将函数绑定到指定元素的 submit 事件
toggle()          绑定两个或多个事件处理器函数,当发生轮流的 click 事件时执行。
trigger()          所有匹配元素的指定事件
triggerHandler()           第一个被匹配元素的指定事件
unbind()          从匹配元素移除一个被添加的事件处理器
undelegate()        从匹配元素移除一个被添加的事件处理器,现在或将来
unload()          触发、或将函数绑定到指定元素的 unload 事件
操作
文档
addClass()        向匹配的元素添加指定的类名。
after()        在匹配的元素之后插入内容。
append()        向匹配元素集合中的每个元素结尾插入由参数指定的内容。
appendTo()        向目标结尾插入匹配元素集合中的每个元素。
attr()           设置或返回匹配元素的属性和值。
before()        在每个匹配的元素之前插入内容。
clone()        创建匹配元素集合的副本。
detach()           从 DOM 中移除匹配元素集合。
empty()           删除匹配的元素集合中所有的子节点。
hasClass()           检查匹配的元素是否拥有指定的类。
html()        设置或返回匹配的元素集合中的 HTML 内容。
insertAfter()        把匹配的元素插入到另一个指定的元素集合的后面。
insertBefore()        把匹配的元素插入到另一个指定的元素集合的前面。
prepend()                向匹配元素集合中的每个元素开头插入由参数指定的内容。
prependTo()        向目标开头插入匹配元素集合中的每个元素。
remove()            移除所有匹配的元素。
removeAttr()        从所有匹配的元素中移除指定的属性。
removeClass()        从所有匹配的元素中删除全部或者指定的类。
replaceAll()           用匹配的元素替换所有匹配到的元素。
replaceWith()        用新内容替换匹配的元素。
text()        设置或返回匹配元素的内容。
toggleClass()        从匹配的元素中添加或删除一个类。
unwrap()           移除并替换指定元素的父元素。
val()            设置或返回匹配元素的值。
wrap()        把匹配的元素用指定的内容或元素包裹起来。
wrapAll()        把所有匹配的元素用指定的内容或元素包裹起来。
wrapinner()        将每一个匹配的元素的子内容用指定的内容或元素包裹起来。

属性
addClass()            向匹配的元素添加指定的类名。
attr()            设置或返回匹配元素的属性和值。
hasClass()           检查匹配的元素是否拥有指定的类。
html()        设置或返回匹配的元素集合中的 HTML 内容。
removeAttr()        从所有匹配的元素中移除指定的属性。
removeClass()        从所有匹配的元素中删除全部或者指定的类。
toggleClass()        从匹配的元素中添加或删除一个类。
val()           设置或返回匹配元素的值。

css
css()            设置或返回匹配元素的样式属性。
height()          设置或返回匹配元素的高度。
offset()          返回第一个匹配元素相对于文档的位置。
offsetParent()          返回最近的定位祖先元素。
position()           返回第一个匹配元素相对于父元素的位置。
scrollLeft()           设置或返回匹配元素相对滚动条左侧的偏移。
scrollTop()           设置或返回匹配元素相对滚动条顶部的偏移。
width()        设置或返回匹配元素的宽度。
效果
animate()          对被选元素应用“自定义”的动画
clearQueue()        对被选元素移除所有排队的函数(仍未运行的)
delay()         对被选元素的所有排队函数(仍未运行)设置延迟
dequeue()         运行被选元素的下一个排队函数
fadeIn()         逐渐改变被选元素的不透明度,从隐藏到可见
fadeOut()          逐渐改变被选元素的不透明度,从可见到隐藏
fadeTo()         把被选元素逐渐改变至给定的不透明度
hide()         隐藏被选的元素
queue()         显示被选元素的排队函数
show()         显示被选的元素
slideDown()        通过调整高度来滑动显示被选元素
slideToggle()        对被选元素进行滑动隐藏和滑动显示的切换
slideUp()         通过调整高度来滑动隐藏被选元素
stop()         停止在被选元素上运行动画
toggle()         对被选元素进行隐藏和显示的切换

时间: 2024-12-27 13:57:58

【jquery基础教程】jquery事件及操作大汇总的相关文章

JQuery基础教程:事件(上)

在页面加载后执行任务      之前我们已经知道了$(document).ready()是jQuery基于页面加载执行任务的一种主要方式,但是要知道原生的window.onload事件也可以实现相同的效果,虽然这两个方法具有类似的效果,但是,它们在触发操作的时间上存在着微妙的差异,这种差异只有在加载的资源多到一定程度时才会体现出来 当文档完全下载到浏览器中时,会触发window.onload事件,而$(document).ready()则会在DOM完全就绪并可以使用时调用,虽然这也意味着所有元素

jquery基础教程 - 第一章 JQUERY入门

Jquery基础教程 - 第一章 JQUERY入门 内容提要 1.jquery能做什么 2.jquery为什么如此出色 3.第一个jquery驱动的页面 4.纯javascript与jquery 5.开发工具 6.小结 1.jquery能做什么 取得文档中的元素 -- jQuery为准确的获得需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制. 找到所有应用了.content class样式的div中所有的P标签             $('div.content').find('p'

jquery基础教程学习笔记一

最近静下心来看书才深刻的体会到:看书真的很重要,只有看书才能让你有心思静下心来思考. 重温<jquery基础教程> 一.事件 主要掌握常见的事件以及理解jquery的事件处理机制. 需要注意的有: 1.事件传播,包括了事件捕获和事件冒泡,以及怎么消除事件传播的影响,以及应用事件传播. 主要的方法有:a.根据事件目标来确定操作,即event.target b.阻止事件传播,即event.stopPapogation c.理解默认事件和jquery事件的区别还有阻止默认事件,即preventDef

《jQuery基础教程》读书笔记

最近在看<jQuery基础教程>这本书,做了点读书笔记以备回顾,不定期更新. 第一章第二章比较基础,就此略过了... 第三章 事件 jQuery中$(document).ready()与javascript原生的window.onload()区别: $(document).ready():通过该方法注册的事件处理程序,会在DOM完全就绪并使用时调用.虽然这意味着所有元素对脚本而言都是可访问的,但是,却不意味着所有关联的文件都下载完毕.当HTML下载 完成并解析成DOM树之后,代码就可以开始运行

Ajax本地跨域问题 Cross origin requests are only supported for HTTP(针对jQuery基础教程第四版第六章)

出现的问题: 解决的步骤: 谷歌浏览器出现的效果: 针对jQuery基础教程(第四版),第六章  成功: 原文地址:https://www.cnblogs.com/qinghui258/p/8432569.html

JQuery强化教程 —— jQuery Easing

从jQuery API 文档中可以知道,jQuery自定义动画的函数. animate( properties [, duration] [, easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串 ("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)

Jquery基础教程第二版学习记录

本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做什么:为什么需要jquery. 第二章:选择符工厂函数$()css选择符属性选择符自定义选择符DOM遍历方法 第三章:事件jQuery.noConflict([extreme]):运行这个函数将变量$的控制权让渡给第一个实现它的那个库.常用方法:(包括键盘,鼠标事件)blur([[data],fn]

JQuery基础及css和属性操作 其他函数

JQuery语法 使用JQuery必须先导入jquery-X.X.X.js文件 jQuery中的选择器       $("选择器名称").函数名(); 注意     $ 是jQuery的缩写,也就是说,选择器可以使用jQuery(":input") jQuery   文档就绪函数 $(document).ready(function(){ //jQuery代码 console.log($(":input:disabled")), }); 简写文档

jquery 基础教程[温故而知新二]

子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果有很久没用了的话,就会忘记,甚至是忘的你一点都想不起来,尤其是一些基础的东西.所以我才打算写个"温故而知新"的系列博文出来,一来是这些基础的东西我比较健忘,以后方便自己翻阅:二来是希望可以帮助到一些刚入门的朋友.这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识.大部分都是我