ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

jQuery总结

2021-09-28 22:03:41  阅读:155  来源: 互联网

标签:jQuery 总结 attr prop 节点 css 属性


jQuery

  jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需使用选择器查找即可。

一、jQuery是什么?

jQuery 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。

二、入口函数和onload

1.入口函数

代码如下(示例):

 

2.onload

代码如下(示例):

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

三、js与jQ相互转换

1.jQ—>js

代码如下(示例):

2.js—>jQ

代码如下(示例):

四、显示与隐藏

    show()显示
    hide()隐藏
    toggle()切换显示与隐藏
    slideToggle()滑动切换与隐藏
    fadeToggle()淡入淡出
    fadein 淡入
    fadeout淡出
    fadeto()设置透明度
    fadein(speed,fn)‘speed执行的速度’

五、设置获取css

.css(name) 获取css属性值
.css(name,value) 设置css的属性值
css({name1:value1,name2:value2}) 设置多个css属性值

六、attr设置获取节点属性

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

七、prop设置获取节点属性

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

八、prop和attr区别

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

九、动画

stop(true,true)
停止队列动画
回到动画的最终状态

十、事件

 click()单击
 ready()准备完毕
 hover()鼠标移入移出

总结

jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。

标签:jQuery,总结,attr,prop,节点,css,属性
来源: https://blog.csdn.net/meng123_lisa/article/details/120537657

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有