艰难的学完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 父节点
以上就是我这几天来学的内容,可能还不完善,以后会慢慢补充