栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

新人jQuery初级学习

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

新人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 父节点

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/273485.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号