新人jQuery初级学习

艰难的学完javastript后,刚接触jq,就觉得容易多了,学习了三天,从入门来总结一下。

一、jq介绍

1:dom操作方便  2:链式写法  3:动画便捷  4:强大的ajax功能 5:生态丰富(插件多)。

二、入口函数与onload

1:入口:$(function(){}),$(document).ready(function(){  })

特点:可以重复执行多次,文档加载完毕就执行(快)

2:widdow.οnlοad=function(){   }

特点:后面的onload会覆盖前面的onload,需要等待页面所有内容加载完在执行

三、js与jq转换

1:jq>js      $("  ")[ 下标 ] ,  $("  ").get(下标 )

2:js > jq    $( "js对象")

四、显示与隐藏

1:show( )显示,2:hide( )隐藏,3:toggle( )切换显示与隐藏,4:sliceToggle( )滑动切换显示与隐藏,5:fadeTo()设置透明度,6:fadeToggle( )淡入淡出,7:fadeln(speed,fn),speed执行速度,fn完毕后执行回调函数。

五、css设置获取css

1:.css(name)获取css属性值,2:.css(name,value)设置css的属性值,3:css({name1:value2,name2:value2})

六、attr设置获取节点属性

1:.attr(name)获取节点属性值,2:.attr(name,value)设置节点的属性值,3:attr({name1:value1,name2:value2})设置多个节点属性值

七、prop设置获取节点的属性值

1:.prop(name),2:.prop(name,value),3:prop({name1:value1,name2:value2})设置多个节点属性

八、prop和attr区别

1:attr获取节点的初始属性值
prop是获取节点的动态值,2:attr设置的属性值在dom节点是可见的
prop设置的表单属性值在dom节点上不氪金

九、文本与值

1:text( )设置或获取文本 ,2:html( )设置获取html,3:val( )设置获取表单的值

十、类的操作

1:addClass( ) 添加类,2:removeClass()移除类,3:toggleClass( )切换类

十一、选择器

基本过滤 :1: :first  第一个;2:  :last  最后一个;3: :eq(n) 第n个 ;4::gt(n)大于n个 ; 

5::lt(n)小于n个;6::odd  基数;7::even偶数;8::header  h标签;9::animated 动画

内容过滤: 1::contans(txt)包含;2::empty空;3::has()有;4::parent 父节点

以上就是我这几天来学的内容,可能还不完善,以后会慢慢补充

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值