jquery英语以及用法

jquery核心

jQuery():这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。

jQuery 对象访问

each():以每一个匹配的元素作为上下文来执行一个函数。

size():jQuery 对象中元素的个数。

length:jQuery 对象中元素的个数。

selector:返回传给jQuery()的原始选择器。

context:返回传给jQuery()的原始的DOM节点内容,即jQuery()的第二个参数。如果没有指定,那么context指向当前的文档(document)。

get():取得其中一个匹配的元素。 num表示取得第几个匹配的元素。

index():搜索匹配的元素,并返回相应元素的索引值,从0开始计数。

属性

attr():获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。

removeAttr():从每一个匹配的元素中删除一个属性

prop():获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性。

removeProp():用来删除由.prop()方法设置的属性集

css类

addClass()为每个匹配的元素添加指定的类名。

removerClass():从所有匹配的元素中删除全部或者指定的类

toggleClass():如果存在(不存在)就删除(添加)一个类

HTML代码/文本/值

html():取得第一个匹配元素的HTML内容,这个函数不能用于xml文档,但可以用于XHTML文档,

text():取得所有匹配元素的内容。

val():获得匹配元素的当前值。

css():访问匹配元素的样式属性。

位置

offset():获取匹配元素在当前视口的相对偏移

position():获取匹配元素相对父元素的偏移。

scrollTop():获取匹配元素相对滚动条顶部的偏移

scrollLeft():获取匹配元素相对滚动条左侧的偏移。

尺寸

height():取得匹配元素当前计算的高度值(px)。

width():取得匹配元素当前计算的宽度值(px)。

innerHeight():获取第一个匹配元素内部区域高度(包括补白、不包括边框)。

innerWidth():获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。

选择器

基本

#id:根据给定的ID匹配一个元素。

element:根据给定的元素名匹配所有元素

.class:根据给定的类匹配元素。

*:匹配所有元素

层级

ancestor descendant:在给定的祖先元素下匹配所有的后代元素

parent > child:在给定的父元素下匹配所有的子元素

prev + next:匹配所有紧接在 prev 元素后的 next 元素

prev ~ siblings:匹配 prev 元素的所有同辈 siblings 元素

基本

:first :获取第一个元素

:not() :去除所有与给定选择器匹配的元素

:even :匹配所有索引值为偶数的元素,从 0 开始计数

:odd :匹配所有索引值为奇数的元素,从 0 开始计数

:eq() :匹配一个给定索引值的元素

:gt() :匹配所有大于给定索引值的元素

:last() :获取最后个元素

:lt() :匹配所有小于给定索引值的元素

:header :匹配如 h1, h2, h3之类的标题元素

:animated :匹配所有正在执行动画效果的元素

:focus :匹配当前获取焦点的元素。

内容

:contains() :匹配包含给定文本的元素

:empty :匹配所有不包含子元素或者文本的空元素

:has() :匹配含有选择器所匹配的元素的元素

:parent :匹配含有子元素或者文本的元素

可见性

:hidden :匹配所有不可见元素,或者type为hidden的元素

:visible :匹配所有的可见元素

属性

[attribute]:匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即可。

[attribute=value]:匹配给定的属性是某个特定值的元素

[attribute!=value]:匹配所有不含有指定的属性,或者属性不等于特定值的元素

[attribute^=value]:匹配给定的属性是以某些值开始的元素

[attribute$=value]:匹配给定的属性是以某些值结尾的元素

[attribute*=value]:匹配给定的属性是以包含某些值的元素

[selector1][selector2][selectorN]:复合属性选择器,需要同时满足多个条件时使用

子元素

:first-child:匹配第一个子元素

:first-of-type:选择所有相同的元素名称的第一个兄弟元素

:last-child:匹配最后一个子元素

:last-of-type:选择的所有元素之间具有相同元素名称的最后一个兄弟元素

:nth-last-child(n):选择所有他们父元素的第n个子元素。计数从最后一个元素开始到第一个

:nth-last-of-type(n):选择的所有他们的父级元素的第n个子元素,计数从最后一个元素到第一个

:nth-of-type(n):选择同属于一个父元素之下,并且标签名相同的子元素中的第n个

:only-child():如果某个元素是父元素中唯一的子元素,那将会被匹配

:only-of-type:选择所有没有兄弟元素,且具有相同的元素名称的元素

表单

:input:匹配所有 input, textarea, select 和 button 元素

:text:匹配所有的单行文本框

:password:匹配所有密码框

:radio:匹配所有单选按钮

:checkbox:匹配所有复选框

:submit:匹配所有提交按钮

:image:匹配所有图像域

:reset:匹配所有重置按钮

:button:匹配所有按钮

:file:匹配所有文件域

:hidden:匹配所有不可见元素,或者type为hidden的元素

表单对象属性

:enabled:匹配所有可用元素

:disabled:匹配所有不可用元素

:checked:匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)

:selected:匹配所有选中的option元素

文档处理

内部插入

append() :向每个匹配的元素内部追加内容

appendTo() :把所有匹配的元素追加到另一个指定的元素元素集合中

prepend() :每个匹配的元素内部前置内容

prependTo() :把所有匹配的元素前置到另一个、指定的元素元素集合中

外部插入

after() :在每个匹配的元素之后插入内容

before() :在每个匹配的元素之前插入内容

insertAfter() :把所有匹配的元素插入到另一个、指定的元素元素集合的后面

insertBefore() :把所有匹配的元素插入到另一个、指定的元素元素集合的前面

包裹

wrap() :把所有匹配的元素用其他元素的结构化标记包裹起来

替换

replaceWith() :将所有匹配的元素替换成指定的HTML或DOM元素

replaceAll(selector) :用匹配的元素替换掉所有 selector匹配到的元素

删除

empty() :删除匹配的元素集合中所有的子节点

remove() :从DOM中删除所有匹配的元素

detach() :从DOM中删除所有匹配的元素

复制

clone() :克隆匹配的DOM元素并且选中这些克隆的副本

筛选

过滤

eq(n) :获取第N个元素

first() :获取第一个元素

last() :获取最后个元素

hasClass() :检查当前的元素是否含有某个特定的类,如果有,则返回true

filter() :筛选出与指定表达式匹配的元素集合

has() :保留包含特定后代的元素,去掉那些不含有指定后代的元素

not() :删除与指定表达式匹配的元素

slice(start,[end]) :选取一个匹配的子集

查找

children() :取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合

closest() :jQuery 1.3新增。从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素

find() :搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法

next() :取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合

串联

add() :把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集

contents() :查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容

end() :回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态

事件

页面载入

ready() :当DOM载入就绪可以查询及操纵时绑定一个要执行的函数

事件处理

on():在选择元素上绑定一个或多个事件的事件处理函数

off() :在选择元素上移除一个或多个事件的事件处理函数

bind() :为每个匹配元素的特定事件绑定事件处理函数

one() :为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数

trigger(]) :在每一个匹配的元素上触发某类事件

triggerHandler() :这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作,也不会产生事件冒泡

unbind() :bind()的反向操作,从每一个匹配的元素中删除绑定的事件

事件委派

live() :jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效

die() :从元素中删除先前用.live()绑定的所有事件.(此方法与live正好完全相反

delegate() :指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数

undelegate() :删除由 delegate() 方法添加的一个或多个事件处理程序

事件切换

hover() :一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。

toggle() :于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件

事件

blur() :当元素失去焦点时触发 blur 事件

change() :当元素的值发生改变时,会发生 change 事件

click() :触发每一个匹配元素的click事件

dblclick() :当双击元素时,会发生 dblclick 事件

error() :当元素遇到错误(没有正确载入)时,发生 error 事件

focus() :当元素获得焦点时,触发 focus 事件

focusin() :当元素获得焦点时,触发 focusin 事件

focusout() :当元素失去焦点时触发 focusout 事件

keydown() :当键盘或按钮被按下时,发生 keydown 事件

keypress() :当键盘或按钮被按下时,发生 keypress 事件

keyup() :当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上

mousedown() :当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件

mouseenter() :当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用

mouseleave() :当鼠标指针离开元素时,会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用

mousemove() :当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件

mouseout() :当鼠标指针从元素上移开时,发生 mouseout 事件

mouseover() :当鼠标指针位于元素上方时,会发生 mouseover 事件

mouseup() :当在元素上放松鼠标按钮时,会发生 mouseup 事件

resize() :当调整浏览器窗口的大小时,发生 resize 事件

scroll() :当用户滚动指定的元素时,会发生 scroll 事件

select() :当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件

submit() :当提交表单时,会发生 submit 事件

unload() :在当用户离开页面时,会发生 unload 事件

效果

基本

show() :显示隐藏的匹配元素

hide() :隐藏显示的元素

滑动

slideDown() :通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数

slideUp() :通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数

slideToggle() :过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数

淡入淡出

fadeIn() :通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数

fadeOut() :通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数

fadeTo() :把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数

fadeToggle() :通过不透明度的变化来开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数

自定义

animate(]) :用于创建自定义动画的函数

stop() :停止所有在指定元素上正在运行的动画

delay() :设置一个延时来推迟执行队列中之后的项目

finish() :停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画

设置

jQuery.fx.off :关闭页面上所有的动画

jQuery.fx.interval :设置动画的显示帧速

事件对象

eve.currentTarget :在事件冒泡阶段中的当前DOM元素

eve.data :当前执行的处理器被绑定的时候,包含可选的数据传递给jQuery.fn.bind

eve.delegateTarget1.7+ :当currently-callbacksled的jQuery事件处理程序附加元素

eve.isDefaultPrevented() :根据事件对象中是否调用过 event.preventDefault() 方法来返回一个布尔值

event.isImmediatePropagationStopped() :根据事件对象中是否调用过 event.stopImmediatePropagation() 方法来返回一个布尔值

eve.isPropagationStopped() :根据事件对象中是否调用过 event.stopPropagation() 方法来返回一个布尔值

eve.namespace :当事件被触发时此属性包含指定的命名空间

eve.pageX :鼠标相对于文档的左边缘的位置

eve.pageY :鼠标相对于文档的左边缘的位置

eve.preventDefault() :阻止默认事件行为的触发

eve.relatedTarget :在事件中涉及的其它任何DOM元素

eve.result :这个属性包含了当前事件事件最后触发的那个处理函数的返回值,除非值是 undefined

event.stopImmediatePropagation() :阻止剩余的事件处理函数执行并且防止事件冒泡到DOM树上

eve.stopPropagation() :防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数

eve.target :最初触发事件的DOM元素

eve.timeStamp :这个属性返回事件触发时距离1970年1月1日的毫秒数

eve.which :针对键盘和鼠标事件,这个属性能确定你到底按的是哪个键或按钮

延迟对象

def.done(d,[d]) :当延迟成功时调用一个函数或者数组函数

def.fail(failcallbackslbacks) :当延迟失败时调用一个函数或者数组函数

def.isRejected()1.7- :确定延迟对象是否已被拒绝

def.isResolved()1.7- :确定延迟对象是否已得到解决

def.reject(args) :拒绝延迟对象,并根据给定的参数调用任何失败的回调函数

def.rejectWith(c,[a]) :拒绝延迟的对象,并根据给定的上下文和参数调用任何失败的回调函数

def.resolve(args) :解决递延对象,并根据给定的参数调用任何完成的回调函数

def.resolveWith(c,[a]) :解决递延对象,并根据给定的上下文和参数调用任何完成的回调函数

def.then(d[,f][,p])1.8* :添加处理程序被调用时,递延对象得到解决或者拒绝

def.promise([ty],[ta]) :当Deferred对象时生成进度通知时添加被访问处理程序

def.pipe([d],[f],[p])1.8- :筛选器和/或链Deferreds的实用程序方法

def.always(al,[al]) :当递延对象是解决或拒绝时被调用添加处理程序

def.notify(args)1.7+ :调用一个给定args的递延对象上的进行中的回调 (progresscallbackslbacks)

def.notifyWith(c,[a])1.7+ :去掉字符串起始和结尾的空格

def.progress(procallbacks)1.7+ :当Deferred对象时生成进度通知时添加被访问处理程序

def.state()1.7+ :确定一个Deferred对象的当前状态

回调函数

callbacks.add(callbackslbacks)1.7+ :回调列表中添加一个回调或回调的集合

callbacks.disable()1.7+ :禁用回调列表中的回调

callbacks.empty()1.7+ :从列表中删除所有的回调

callbacks.fire(arguments)1.7+ :禁用回调列表中的回调

callbacks.fired()1.7+ :用给定的参数调用所有的回调

callbacks.fireWith([c] [,a])1.7+ :访问给定的上下文和参数列表中的所有回调

callbacks.has(callbackslback)1.7+ :确定是否提供的回调列表

callbacks.lock()1.7+ :锁定在其当前状态的回调列表

callbacks.locked()1.7+ :确定是否已被锁定的回调列表

callbacks.remove(callbackslbacks)1.7+ :删除回调或回调回调列表的集合

$.callbackslbacks(flags)1.7+ :一个多用途的回调列表对象,提供了强大的的方式来管理回调函数列表

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,560评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,104评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,297评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,869评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,275评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,563评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,833评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,543评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,245评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,512评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,011评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,359评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,006评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,062评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,825评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,590评论 2 273
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,501评论 2 268

推荐阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,268评论 0 8
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,097评论 0 1
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 450评论 0 4
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,564评论 2 10
  • 杀蓝:02 03 04 05 06次杀:13 14 15 16 蓝球范围: 01 07 08 09 10 11 1...
    99b48d6a94c7阅读 34评论 0 0