海洋的渔夫的博客_JQuery系列

欢迎

jquery 本地存储 sessionStorage

上一篇写到jquery 本地存储 localStorage, localStorage在浏览器关闭后，只要不主动删除就一直存在

数据

jquery

本地存储

原创 2022-07-22 22:39:13 382 阅读

jquery 本地存储 localStorage

前面写了jquery 本地存储 cookie 的基本用法、jquery cookie示例 - 只提示一次的弹框两篇介绍cookie用法的篇章之

jquery

html

数据

原创 2022-07-22 22:39:07 228 阅读

jquery cookie示例 - 只提示一次的弹框

经常有些网站在访问的时候，就是有一个弹框介绍一下通知内容。然后点击已读之后，就不会再弹出了。那么这H...

javascript

html

jquery

原创 2022-07-22 22:38:56 190 阅读

jquery 本地存储 cookie 的基本用法

本地存储分为cookie，以及新增的localStorage和sessionStorage 。本篇章专门来讲讲 cookiecookie1、cookie 存储在本地，

jquery

github

json

原创 2022-07-22 22:38:44 330 阅读

jquery jsonp 解决ajax无法跨域请求的问题

在上一篇文章jquery ajax中，说到ajax请求为了安全的问题，具有一个同源策略的情况。说明使用ajax无法进行跨域请求。那么当真的需要进行

json

ajax

jquery

原创 2022-07-22 22:38:20 172 阅读

jquery介绍

仅供学习，转载请注明出处jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery

jquery

函数库

javascript

原创 2022-07-22 22:10:24 107 阅读

jquery 滚轮插件 jquery.mousewheel.js

jquery.mousewheel插件使用jquery中没有鼠标滚轮事件，那么可以使用jquery的滚轮事件插件jquery.mousew

jquery

github

html

原创 2022-07-22 21:54:01 615 阅读

Sublime3 安装 jQuery自动补全插件 SublimeCodeIntel

仅供学习，转载请注明出处需求之前为了JavaScript可以自动补全，安装了SublimeCodeIntel插件，将其中jQuery的补全部分改为了JavaScript。那么，后续为了方便编写jQuery，可以改回来。具体安装该插件的方式可以访问Sublime3 设置JavaScript自动补全 - SublimeCodeIntel插件。配置Sublim...

javascript

jquery

配置文件

原创 2022-07-22 21:52:07 198 阅读

jquery 加载 - ready方法

仅供学习，转载请注明出处原生JavaScript的window.onload将获取元素的语句写到页面头部，会因为元素还没有加载而出错。 JavaScript为了避免加载页面的元素报错的问题，需要在加载之中增加window.onload方法。如下： jQuery的ready方法相对的，jquery提供了ready方法解决这个问题，它的速度比原生的

javascript

jquery

加载

原创 2022-07-22 21:51:43 209 阅读

jquery选择器

jquery用法思想选择某个网页元素，然后对它进行某种操作jquery选择器jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。$('#myId') //选择id为myId的网页元素$('.myClass') // 选择class为myClass的元素$('li') //选择所有的li元素$('#ul1 li span...

html

jquery

javascript

原创 2022-07-03 00:45:52 200 阅读

jquery样式操作

jquery用法思想同一个函数完成取值和赋值操作行间样式// 获取div的样式$("div").css("width");$("div").css("color");//设置div的样式$("div").css("width","30px");$("div").css("height","30px");$("div").css({fontSize:"30px",...

css

html

jquery

原创 2022-07-03 00:45:41 179 阅读

jquery 绑定click事件

仅供学习，转载请注明出处绑定click事件给元素绑定click事件，可以用如下方法：$('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery对象用 $(this)})获取元素的索引值有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index()方法获取va...

选项卡

click事件

html

原创 2022-07-03 00:45:36 4018 阅读

$jquery特殊效果 - fadeIn\fadeOut\hide\show\slide$

jquery特殊效果 - fadeIn\fadeOut\hide\show\slide

仅供学习，转载请注明出处特殊效果方法fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); });fadeOut() 淡出fadeTogg...

ide

html

javascript

原创 2022-07-03 00:45:33 176 阅读

jquery链式调用 - 层级菜单示例

jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写：$('#div1') // id为div1的元素.children('ul') //该元素下面的ul子元素.slideDown('fast') //高度从零变到实际高度来显示ul元素.parent() //跳到ul的父元素，也就是id为div1的元素.siblings()...

ide

html

jquery

原创 2022-07-03 00:45:16 91 阅读

jquery 元素尺寸 width() height() innerWidth() innerHeight() outerWidth() outerHeight()

1、获取和设置元素的尺寸width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height outerWidth()、outerHeight() 包括padding和border的width和height outerWidth(true)、outerHeigh...

偏移量

原创 2022-07-03 00:45:08 271 阅读

jquery animate 动画

通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数。$('#div1').animate({ width:300, height:300},1000,'swing',function(){ alert('done!');});下面来写一个div放大的动画效果。上面首先写好一...

动画效果

html

jquery

原创 2022-07-03 00:44:59 401 阅读

jquery 使用 a 标签的click()触发hide()等特效方法无效

在编写层级菜单的时候，发现点击a标签的click方法实现hide等特效的时候，一闪一闪，没有实现真正的效果。解决这个问题，只需要给a标签设置 # 号即可解决。 ...

a标签

ide

原创 2022-07-03 00:44:48 93 阅读

jquery 加入购物车示例

仅供学习，转载请注明出处编写一个加入购物车的按钮，然后动画一个圆点到购物车，同时数量加1。淡定直接写出基本html以及css，如下：根据点击加入购物车的位置，增加一个红色的圆形编写jquery实现小红圆的移动效果、以及购物车数量的追加每点击一次加入购物车，小红球就会移动到购...

html

jquery

css

原创 2022-07-03 00:44:44 217 阅读

jquery 页面滚动事件 scroll()

仅供学习，转载请注明出处为了方便理解，我先画了一个下面将要介绍的尺寸示意图获取浏览器可视区宽度高度$(window).width();$(window).height();缩小一下浏览器，查看可视区的宽高有无变化，如下：这里主要就是浏览器内可以看到页面的宽高。获取页面文档的宽度高度$(document)....

宽高

竖向

原创 2022-07-03 00:44:36 1225 阅读

jquery 置顶菜单

需求初始状态如上图，当拖动右侧的滚动条，菜单置顶的时候需要固定位置，如下：注意：当Banner图片完全上移出了浏览器可视区域，此时菜单固定定位在文档的最上方。首先编写基本HTML以及CSS编写jquery实现menu置顶效果设置当$(document).scrollTop() > 100的时候，也即是banne...

css

html

文档流

原创 2022-07-03 00:44:25 460 阅读

jquery 置顶按钮

需求返回到页面的最上方。这个功能在简书阅读的时候右下角也有，如下：点击这个按钮，直接就返回到最上方了。当文档达到最上方的时候，置顶按钮消失。编写基本HTML\CSS这个图片我用了阿里的矢量图库，如果不懂如何使用的朋友，可以访问iconfont阿里巴巴矢量图标库从注册到使用。再写一些p段落，用来形成滚动条，如下：好...

ico

html

置顶

原创 2022-07-03 00:44:11 305 阅读

jquery属性操作 html() prop()

1、html() 取出或设置html内容// 取出html内容var $htm = $('#div1').html();// 设置html内容$('#div1').html('<span>添加文字</span>');使用html()相当于原生javascript的innerHtml，即可以获取元素的之间的html内容，还可以创建新的html...

html

javascript

jquery

原创 2022-07-03 00:43:57 161 阅读

jquery 手风琴

效果点击相应卡片的标签，那么就会切换至卡片的呈现如果点击03标签，那么01 02 要一起移动5个效果图片基本HTML结构如下：编写5个li标签，包含span以及图片设置绝对定位，溢出部分overflow:hidden进行隐藏基本5个li标签需要使用的绝对定位的居...

html

css

jquery

原创 2022-07-03 00:43:51 193 阅读

jquery循环 each()

对jquery选择的对象集合分别进行操作，需要用到jquery循环操作，此时可以用对象上的each方法：$(function(){ $('.list li').each(function(i){ $(this).html(i); })})......<ul class="list"> <li></li&g...

jquery

html

原创 2022-07-03 00:43:13 309 阅读

jquery 绑定事件 bind() unbind() 以及事件函数列表

事件函数列表blur() 元素失去焦点focus() 元素获得焦点click() 鼠标单击mouseover() 鼠标进入（进入子元素也触发）mouseout() 鼠标离开（离开子元素也触发）mouseenter() 鼠标进入（进入子元素不触发）mouseleave() 鼠标离开（离开子元素不触发）hover() 同时为mouseenter和mouseleave事件...

click事件

html

绑定事件

原创 2022-07-03 00:43:04 217 阅读

jquery 事件冒泡、阻止事件冒泡 - event.stopPropagation()

什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。事件冒泡的作用...

事件冒泡

html

事件处理

原创 2022-07-03 00:42:59 203 阅读

jquery - 页面弹框 - 阻止事件冒泡示例

需求编写一个简单的页面弹框的示例，功能要求如下：一个点击按钮，点击可以弹出一个弹框弹框固定出现在页面的中间位置需要写一个背景mask，用于遮掩背景，设置透明度0.3点击弹框外的位置，弹框就可以消失不见，可以使用fadeOut()点击弹框内的文本框可以输入内容，弹框不会消失不见点击弹框右上角的 × 号，则关闭弹框看完了需求，首先快速写好一波html + css编...

html

事件冒泡

javascript

原创 2022-07-03 00:42:51 134 阅读

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

事件函数列表blur() 元素失去焦点focus() 元素获得焦点click() 鼠标单击mouseover() 鼠标进入（进入子元素也触发）mouseout() 鼠标离开（离开子元素也触发）mouseenter() 鼠标进入（进入子元素不触发）mouseleave() 鼠标离开（离开子元素不触发）hover() 同时为mouseenter和mouseleave事件...

html

文本框

失去焦点

原创 2022-07-03 00:42:08 1622 阅读

jquery 事件委托 - delegate()

事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。一般绑定事件的写法$(function(){ $ali = $('#list li'); $ali.click(function() { $(this).css({ba...

css

事件委托

事件冒泡

原创 2022-07-03 00:42:06 373 阅读

jquery 绑定事件 - mouseover() mouseout() mouseenter() mouseleave() hover()

事件函数列表blur() 元素失去焦点focus() 元素获得焦点click() 鼠标单击mouseover() 鼠标进入（进入子元素也触发）mouseout() 鼠标离开（离开子元素也触发）mouseenter() 鼠标进入（进入子元素不触发）mouseleave() 鼠标离开（离开子元素不触发）hover() 同时为mouseenter和mouseleave事件...

事件冒泡

嵌套

加载

原创 2022-07-03 00:41:52 1182 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

11229407

欢迎

jquery 本地存储 sessionStorage

jquery 本地存储 localStorage

jquery cookie示例 - 只提示一次的弹框

jquery 本地存储 cookie 的基本用法

jquery jsonp 解决ajax无法跨域请求的问题

jquery介绍

jquery 滚轮插件 jquery.mousewheel.js

Sublime3 安装 jQuery自动补全插件 SublimeCodeIntel

jquery 加载 - ready方法

jquery选择器

jquery样式操作

jquery 绑定click事件

jquery特殊效果 - fadeIn\fadeOut\hide\show\slide

jquery链式调用 - 层级菜单示例

jquery 元素尺寸 width() height() innerWidth() innerHeight() outerWidth() outerHeight()

jquery animate 动画

jquery 使用 a 标签的click()触发hide()等特效方法无效

jquery 加入购物车示例

jquery 页面滚动事件 scroll()

jquery 置顶菜单

jquery 置顶按钮

jquery属性操作 html() prop()

jquery 手风琴

jquery循环 each()

jquery 绑定事件 bind() unbind() 以及事件函数列表

jquery 事件冒泡、阻止事件冒泡 - event.stopPropagation()

jquery - 页面弹框 - 阻止事件冒泡示例

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

jquery 事件委托 - delegate()

jquery 绑定事件 - mouseover() mouseout() mouseenter() mouseleave() hover()