jQuery操作

1. jquery选择器:

$( ):获取到的是一组元素

jQuery( )

按ID选择:$('#id名')

按类名选择:$('.类名'):获得一组元素

特殊选择器:

first( ):获取第一个元素

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

eq(n):获取索引是第n的元素

odd:索引为奇数

even:索引为偶数

2. jquery筛选器:

first( ):筛选出集合里的第一个元素

last( ):筛选出集合里的最后一个元素

eq(n):筛选出集合里索引是n的元素

next( ):筛选出下一个兄弟元素

nextAll( ):筛选出后面的所有兄弟元素

nextUntil('选择器'):筛选出后面的兄弟元素直到选择器

prev( ):筛选出上一个兄弟元素

prevAll( ):筛选出前面的所有兄弟元素

prevtUntil('选择器'):筛选出前面的兄弟元素直到选择器

parent( ):筛选出父元素

parents( ):筛选出所有祖先元素

parentsUntil('选择器'):筛选出所有祖先元素直到选择器

children():筛选出所有的子级元素

find('选择器'):找出所有符合选择器条件的元素

siblings():筛选出所有的兄弟元素

siblings('选择器'):筛选出符合选择器条件的所有的兄弟元素

index( ):获取元素的索引

3. jquery操作文本内容:

html( ):可读写,只能获取第一个元素的值,类似innerHTML

text( ):可读写,可以获取所有元素的值,类似innerText

val( ):可读写,只能获取第一个元素的值,类似value

4. jquery操作元素类名:

addClass( ):添加类名

removeClass( ):删除类名

togglClass( ):切换类名(有就删除,没有就添加)

hasClass( ):判断是否有类名,返回boolean值

5. jquery操作元素样式:

css('元素名称'):获取元素的样式

css('元素名称','样式值'):设置元素的样式

css({

元素名称:样式值,

元素名称:样式值,

}) :批量设置样式

6. jquery操作元素属性:

attr( ):设置的属性存储在元素标签上

attr( )传递一个值是获取属性,传递两个值是设置属性

removeAttr('属性名')删除属性

prop( ):设置的属性存储在元素对象上

prop( )传递一个值是获取属性,传递两个值是设置属性

removeProp('属性名')删除属性

data( ):设置的属性存储在元素对象单独开辟的空间上

data( )传递一个值是获取属性,传递两个值是设置属性

removeData('属性名')删除属性

7. jquery绑定事件:

on( ):绑定事件

one( ):只能执行一次

off( ):解绑事件

trigger( ):专门触发事件的方法

hover( ):鼠标悬停

直接可以使用是的事件:(不用on)

click( ):单击事件

dblclick( ):双击事件

scroll( ):滚动条事件

hover( ):鼠标悬停事件,里面有两个事件函数,移入和移出。

8. jquery节点操作:

创造节点:类似createElement( )

$(html格式文本)

插入节点:类似appendChild( )

内部插入:

       页面元素.append(要插入的元素)

       要插入的元素.appendTo(页面元素)

       页面元素.prevent(要插入的元素)

       要插入的元素.preventTo(页面元素)

外部插入:

       页面元素.after(要插入的元素)

       要插入的元素.insertAfter(页面元素)

       页面元素.before(要插入的元素)

       要插入的元素.insertBefore(页面元素)

删除节点:

       页面元素.empty( ):把自己变成空标签

       页面元素.remove( ):把自己移除

替换元素:

       页面元素.replacewith(替换元素)

       替换元素.replaceAll(页面元素)

克隆节点:

       元素.clone('自己的事件是否克隆','子节点是否克隆')

9. jquery获取尺寸

获取元素内容区域的尺寸:width( )、height( )

获取元素内容+padding:innerWidth( )、innerHeight( )

获取元素内容+padding+border:outerWidth( )、outerHeight( )

获取元素内容+padding+border+margin:outerWidth(true)、outerHeight(true)

10. jquery获取元素的位置:

offset( ):可读写、获取偏移量、元素相对于页面的位置

position( ):只读、元素相对于父级元素的位置

11. jquery的函数:

ready( ):类似于window.onload( )

each(要遍历的数组,function(index,value){}):类似于foreach( ),遍历数组

$.extend(要合并到的对象,合并的对象1,合并的对象2,...):合并对象

12.  jquery的动画:

标准动画:

       show(时间,运动曲线,运动结束的函数):显示

       hide(时间,运动曲线,运动结束的函数):隐藏

       toggle(时间,运动曲线,运动结束的函数):切换

折叠动画:

       slideDown(时间,运动曲线,运动结束的函数):显示

       slideUp(时间,运动曲线,运动结束的函数):隐藏

       slideToggle(时间,运动曲线,运动结束的函数):切换

渐隐渐显动画:

       fadeIn(时间,运动曲线,运动结束的函数):显示

       fadeOut(时间,运动曲线,运动结束的函数):隐藏

       fadeToggle(时间,运动曲线,运动结束的函数):切换

       fadeTo(时间,指定的透明度,运动曲线,运动结束的函数):到指定的透明度

综合动画:

       animate({},时间,运动曲线,运动结束的函数)

停止动画:

       stop( ):运动到哪里就停在哪里

       finish( ):瞬间达到结束位置

13. jquery发送ajax请求:

$.get(请求地址,携带参数,回调函数,期望数据类型):

$.post(请求地址,携带参数,回调函数,期望数据类型):

$.ajax({

       url:请求地址

       data:携带到后端的参数

       dataType:期望后端返回的参数

       success:function( ){}  成功回调的函数

       error:function( ){}  失败回调的函数

       timeout:超时时间,单位是毫秒

       cache:true  是否缓存,默认为true

})

.then( )接收响应

14.  jquery发送jsonp请求

使用$.ajax({})方法,dataType='jsonp'

jsonp:回调函数

15.  jquery的全局钩子函数:

ajaxStart( ):第一个ajax之前触发

ajaxSend( ):每一个ajax发送之前都触发

ajaxSuccess():ajax发送成功触发

ajaxError( ):ajax发送失败触发

ajaxComplete( ):每一个ajax完成时触发

ajaxStop( ):最后一个ajax成功时触发

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

推荐阅读更多精彩内容