jquery
文章平均质量分 62
每天进步一大步
一个向往前后端精通的小白,博客记录自己的复习和学习新东西
展开
-
JavaScript(七十六)Jquery的案例练习
放大镜: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> *{原创 2021-06-26 10:29:58 · 334 阅读 · 0 评论 -
Javascript(七十五)jquery的ajax和cookie
JQ的cookie使用 下载jquery.cookie.js文件 下载地址:https://plugins.jquery.com/cookie/ $.cookie() (与我们之前封装的cookie函数类似,可以看我之前的博客,有讲cookie使用) $.cookie(name) 取值 $.cookie(name,value) 设置cookie 键名和键值 $.cookie(name,value,option) 设置cookie 键名和键值以及cookie可选项,option必须是对象 $原创 2021-06-26 10:25:30 · 535 阅读 · 0 评论 -
JavaScript(七十四)JQuery插件方法
$.extend 拓展工具方法 调用方式:$.xxx() 参数:对象,属性名为函数名,属性值为函数体 $.fn.extend 拓展jquery的函数库,调用 $().xxx() 注:为了满足jquery链式操作的思想,在设置新增方法和工具方法的时候,返回this。 ...原创 2021-06-24 10:28:21 · 173 阅读 · 0 评论 -
Javascript(七十三)jquery工具方法
JQ的工具方法和我们自己封装的js方法没有区别。 jq方法调用$().xxx() 必须是JQ对象调用 jq工具方法调用 $.xxx() 与普通封装的js方法没区别 .type()输出当前数据的数据类型功能类似于typeof但是.type() 输出当前数据的数据类型 功能类似于typeof 但是.type()输出当前数据的数据类型功能类似于typeof但是.type()更加的完善。 $.trim() 删除字符串首尾空格 功能类似于 ECM5删除首尾空格 .trim() 参数:原创 2021-06-24 10:25:01 · 199 阅读 · 0 评论 -
Javascript(七十二)jquery中的animate方法
.animate 实现动画效果 ,这与我们之前封装的完美运动框架差不多的。但是他这个默认的运动形式不是缓冲运动,是属于慢快慢。 第一个参数:对象,样式名:样式最终效果 第二参数:动画持续时间 第三参数:运动形式:仅有两种 ‘linear’:匀速 ‘swing’:慢快慢(默认)可省略。 第四个参数:回调函数,动画结束时执行。 如果想拓展更多的运动形式,可以引入jquery-ui框架(类似于boostrap,通过class名,添加样式),但是基本被淘汰了。https://www.jqueryui.or原创 2021-06-23 06:25:37 · 1337 阅读 · 2 评论 -
Javascript(七十一)jQuery特效函数
移入移出** .hover(functionOver,functionOut):移入移出效果,functionOver表示移入函数,functionOut表示移出效果。 隐藏显示: .hide() 元素隐藏,功能:style.display=‘none’。隐藏过程,从左上角收起 第一个参数:(动画持续的毫秒数) 第二个参数:(回调函数,动画结束时执行) .show() 元素显示,功能:style.display=‘block’。显示过程,从左上角展开 第一个参数:(动画持续的毫秒数) 第二个参数:(原创 2021-06-23 06:06:01 · 92 阅读 · 0 评论 -
JavaScript(七十) jquery(二)
jquery常用的方法 筛选结点 .filter() 过滤:对我们已经获取到的网页元素进行过滤,选择符合()内条件的元素。 .not() 反过滤:选择与filter相反的元素,选择不符合()内条件的元素。 .has()拥有,直接判定该节点是否是否有符合条件的子节点元素,如果有,该节点被选中(注:不是子节点,而是父节点) .next() 选择同级节点的下一个元素节点(类似于nextElementSibling) .prev() 选择同级节点的下一个元素节点(类似于previousElementSib原创 2021-06-22 08:03:33 · 156 阅读 · 2 评论 -
JavaScript(六十九) jquery(一)
JQuery简介 1.一个快速、简洁的JavaScript框架; 2.设计的宗旨是‘write Less,Do More’(写的更少,做得更多); 3.JQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari2.0+、Opera 9.0+ JQuery好处 1.简化JS的复杂操作; 2.不再需要关心兼容性; 3.提供大量实用方法 Jquery版本区别 1.x 可以兼容到IE8以下 2.x 只兼容IE8以上 如何学习JQ? 1.https://jquery.com/ JQ的官方网原创 2021-06-21 08:37:50 · 282 阅读 · 7 评论