jQuery进阶部分笔记
发布日期:2021-11-02 02:26:39 浏览次数:15 分类:技术文章

本文共 1106 字,大约阅读时间需要 3 分钟。

jquery特殊效果

fadeIn() 淡入

$btn.click(function(){
$('#div1').fadeIn(1000,'swing',function(){
alert('done!'); }); });
  • fadeIn() 淡入
  • fadeOut() 淡出
  • fadeToggle() 切换淡入淡出

  • hide() 隐藏元素
  • show() 显示元素
  • toggle() 切换元素的可见状态

  • slideDown() 向下展开
  • slideUp() 向上卷起
  • slideToggle() 依次展开或卷起某个元素

jquery链式调用

jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:

$('#div1') // id为div1的元素.children('ul') //该元素下面的ul子元素.slideDown('fast') //高度从零变到实际高度来显示ul元素.parent()  //跳到ul的父元素,也就是id为div1的元素.siblings()  //跳到div1元素平级的所有兄弟元素.children('ul') //这些兄弟元素中的ul子元素.slideUp('fast');  //高度实际高度变换到零来隐藏ul元素

jquery属性操作

1、html() 取出或设置html内容

var $htm = $('#div1').html();  // 取出html内容$('#div1').html('添加文字');  // 设置html内容

2、prop() 取出或设置某个属性的值(一个参数为获取值,两个参数为设置值)

var $src = $('#img1').prop('src');  // 取出图片的地址$('#img1').prop({
src: "test.jpg", alt: "Test Image" }); // 设置图片的地址和alt属性

jquery事件

事件函数列表:(常用的就这几个尽量背下来)

blur() 元素失去焦点focus() 元素获得焦点click() 鼠标单击mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标离开(离开子元素不触发)hover() 同时为mouseenter和mouseleave事件指定处理函数ready() DOM加载完成submit() 用户递交表单

转载地址:https://blog.csdn.net/weixin_43250623/article/details/90349268 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:jQuery高级部分笔记
下一篇:jQuery基础部分笔记

发表评论

最新留言

感谢大佬
[***.8.128.20]2024年03月09日 20时58分18秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

c语言中malloc数组,如何在C中对malloc()数组进行一行赋值? 2019-04-21
c语言调存储过程,写留言板–调用存储过程出问题 2019-04-21
c语言编程max,C语言编程题及答案.doc 2019-04-21
android测试页面,自动执行界面测试 | Android 开发者 | Android Developers 2019-04-21
android 图片点击变色,Android开发实现ListView点击item改变颜色功能示例 2019-04-21
android增删改查布局,Android之父_增删改查 2019-04-21
vowifi android开关,如何配置VoLTE, ViLTE and VoWifi(IMS config for VoLTE, ViLTE and VoWifi) 2019-04-21
电脑端的mafsvr服务关掉_网吧才是电脑优化的精髓!学会3招你也不用羡慕网吧的流畅了... 2019-04-21
html获取文件路径_HTML 文件路径 2019-04-21
mysql滴的一声就关了_关于mysql数据库在输入密码后,滴的一声直接退出界面的解决办法(详细办法)... 2019-04-21
mysql in 有序_mysql中的in排序 mysql按in中顺序来排序 2019-04-21
mysql 行转列 显示_mysql 行转列 (结果集以坐标显示) 2019-04-21
由于连接方在一段时间后没有正确答复或连接的主机_新风换气机使用效果不佳,为何?掌握正确使用方法就好了... 2019-04-21
mysql 查询姓王_MySQL查询语句练习题,测试足够用了 2019-04-21
mysql多实例脚本_mysql多实例脚本 2019-04-21
python如何生成excel文件夹_用python脚本通过excel生成文件夹树结构 2019-04-21
python获取post请求中的所有参数_Django从POST reques获取请求参数 2019-04-21
mysql加密复制_MySQL主从复制使用SSL加密 2019-04-21
python启动远端 exe_python打包exe开机自动启动的实例(windows) 2019-04-21
java当前路径_java获取当前路径的几种方法 2019-04-21