jQuery
文章平均质量分 60
weixin_46370867
这个作者很懒,什么都没留下…
展开
-
jQuery中的$(“this“)和$(this)的区别
$(this)取出当前对象并转换为jQuery对象$(“this”)是使用标签选择器,查找名为this的标签$(this)是jquery对象,能调用jquery的方法,例如click()等this是html元素对象,能调用元素属性,例如this.id、this.value$(this)$(this)取出当前对象并转换为jQuery对象$(this)是jquery对象,能调用jquery的方法,例如click()等实例代码:<!DOCTYPE html><html la.原创 2021-03-22 16:52:43 · 1184 阅读 · 3 评论 -
Ajax实现搜索提示框~超级详细
以下是对Ajax搜索提示框的整理,希望可以帮助到有需要的小伙伴~文章目录静态页面用户的操作是用事件来处理的源码静态页面搜索框 input提示框 无序列表 加容器 div 做样式 【默认不显示】<div class="container"> <!-- 搜索框 --> <input type="text" id="search" /> <!-- 提示框 --> <div class="alter"> <ul>原创 2020-12-12 23:34:31 · 1649 阅读 · 0 评论 -
jQuery鼠标跟随事件
今天来看一下鼠标跟随时间,图片随着鼠标的移动而移动大概思路:导入一张图片,默认是不跟随的,点击图片后跟随,给图片添加点击事件编写鼠标移动事件实现图片跟随鼠标移动得到鼠标的坐标值 注意:所有页面元素的定位都以左上角为准获得中间的位置 (宽的一半,高的一半)源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v原创 2020-12-11 23:43:50 · 254 阅读 · 0 评论 -
jQuery鼠标悬浮事件
今天学习了鼠标悬浮事件,跟小编来看看吧~先来看一下效果:原本样式:鼠标悬浮样式:鼠标离开样式:源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标悬停事件&原创 2020-12-10 23:39:16 · 4549 阅读 · 0 评论 -
jQueryQQ音乐动态轮播图
下面是小编用jQuery写的QQ音乐官网的动态轮播图,希望可以帮助到有需要的小伙伴先来看一下效果吧~分析:静态:<div class="gedan"> <div class="titlegedan"> <div class="title1"></div> </div> <div class="gedanlist"> <ul> <原创 2020-12-09 23:23:31 · 1136 阅读 · 2 评论 -
jQuery之animate自定义动画
下面是对jQuery自定义动画的整理,希望可以帮助到有需要的小伙伴。jQuery的animate()方法可以用来自定义动画方法语法结构如下:animate(properties,duration,callback)properties - 动画的CSS样式,动画将根据该样式移动设置动画执行结束的样式属性值duration - 动画执行的时长,单位是毫秒callback - 在动画完成时执行的回调函数。animate(properties,options)properties - CSS的原创 2020-12-02 23:22:51 · 183 阅读 · 0 评论 -
鼠标跟随事件jQuery
穿透石头的水滴,它的力量来源于日积月累。上一篇博客介绍了jQuery事件,今天用jQuery事件编写一个小案例希望对有需要的小伙伴有所帮助。鼠标跟随时间图片随着鼠标的移动而移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=原创 2020-11-13 22:05:09 · 284 阅读 · 0 评论 -
jQuery事件
命运如同手中的掌纹,无论多曲折,终掌握在自己手中。下面是对jQuery事件的总结,希望可以帮助到有需要的小伙伴。一、页面加载DOM 提供了load事件用于加载完页面后的执行机制jQuery 提供了ready()方法于加载完页面后的执行机制DOM 中的load事件与 jQuery 中的ready()方法具有以下三种区别:DOM 中的load事件不可以简写当 HTML 页面加载完毕后触发load事件一个 HTML 页面只允许存在一个load事件jQUery 中的ready()方法原创 2020-11-12 21:05:00 · 52 阅读 · 0 评论 -
jQyery插件
在JavaScript中,构造函数和对象都是有原型的。构造函数的原型 构造函数名.prototype对象的原型 proto1、原型是什么在Javascript中,函数是包含属性和方法的Function类型的对象。函数定义包含prototype属性,它的初始值是一个空对象。在JavaScript中没有定义函数的原始类型,所以原型可以是任何类型。原型是用于保存对象的共享属性和方法的,原型的属性和方法不会影响函数本身的属性和方法。实例:function fun() { console.原创 2020-11-07 23:25:56 · 120 阅读 · 0 评论 -
jQuery 工具方法 (全)
下面是对jQuery中工具方法的整理,希望可以帮助到有需要的小伙伴。一、类数组对象1、length属性length属性 - 获取当前jQuery对象中包含DOM对象的个数实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale原创 2020-11-06 22:54:11 · 168 阅读 · 0 评论 -
jQuery动画
下面是对jQuery中动画的整理,希望可以帮助到有需要的小伙伴一、预定义动画1、显示与隐藏显示:show()隐藏:hide()$element.show([speed],[easing],[fn]);$element.hide([speed],[easing],[fn]);speed:三种预定义速度的字符串(show、normal、fast) / 表示动画时长的毫秒数值easing:用来指定切换效果,默认是"swing",可用参数“linear”fn:动画执行完的回调函数,每个元素执行原创 2020-11-05 23:48:02 · 104 阅读 · 0 评论 -
jQuery DOM操作之查找结点
下面是对jQuery DOM操作中查找结点的整理,希望可以帮助到有需要的小伙伴。1、查找元素节点使用jQuery中的选择器用法可以完成查找结点的操作,相对于DOM,jQuery更方便2、查找属性节点jQuery的选择器找到元素节点后,利用text()方法获取其文本节点的文本内容。text()方法类似于DOM中的textContent属性text()方法和attr()方法都可以获取和设置查找结点实例:<!DOCTYPE html><html lang="en">&l原创 2020-11-04 23:25:45 · 211 阅读 · 0 评论 -
jQuery入门
jQuery入门下面是对jQuery的大概介绍,希望可以帮助到有需要的小伙伴。一、jQuery是什么1、JavaScript类库JavaScript类库简称为JS库,是为了简化JavaScript额开发或者是DOM的操作等。其中一些JS库也会根据特定场景封装一系列的操作,例如日期控件等。JavaScript类库会预定义一系列对象和函数,境地开发人员使用JavaSript的难度,兼容各个浏览器提供简单易用的相应功能。目前,巿面上的JavaScript类库数量众多,质量也是参差不齐。一般会选用生命周原创 2020-11-03 23:34:48 · 129 阅读 · 0 评论