jQuery
关注
分享
扫一扫
bboyjoe
勇气与智慧并行，才能越过人生的一座座高山。
展开
-
如何用jQuery实现在鼠标滚动后导航栏保持固定
要实现如下效果，鼠标滚动后，上方导航栏置顶固定关键html代码： 首页 关于我们 服务领域 业务案例 合作伙伴 官方活动 新闻资讯 联系我们 关键C原创 2015-06-30 16:45:51 · 9412 阅读 · 0 评论 -
jQuery选择器和事件
1）选择器 $(".className")——类选择器； $("#IDName")——ID选择器； $("ElementTagName")——元素名选择器； 更多选择器点击打开链接2）事件 click()——点击事件； dblclick()——双击事件； mouseenter()——鼠标进入事件； mouseleave()——鼠标原创 2015-07-31 16:00:19 · 801 阅读 · 0 评论 -
jQuery Easing 使用方法及其图解
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： properties：一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选)：动画执行时间，其值可以是三种预定速度之一的字符串("slow", "n转载 2015-12-10 20:10:37 · 565 阅读 · 0 评论 -
如何自己开发一款js或者jquery插件
引子现在网上关于js和jquery封装的插件很多，我刚刚接触前端的时候，就很敬佩那些自己写插件的大牛们！因为是他们给网站开发更多的便利，很多网页效果，网上很多现成的插件！那么这些插件是如何写的呢？首先是有扎实的js和jquery技术基础，其次还有一些写插件的方法和技巧。关于js和jquery的技术基础，那是一个慢慢积累的过程。但是关于写插件的一些注意和技巧，本文可以略微介绍一下，方便以后写转载 2016-04-06 14:34:45 · 678 阅读 · 0 评论 -
jquery实现图片无缝轮播显示（个人随笔）
图片无缝轮播显示 .box,.box2{ width:800px; height:260px; margin:160px auto; overflow:hidden; position:relative;} .box,.box2转载 2016-04-06 16:03:43 · 3049 阅读 · 0 评论 -
jQuery最佳实践
jQuery最佳实践阮一峰 整理1. 使用最新版本的jQueryjQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context转载 2016-04-07 17:45:26 · 393 阅读 · 0 评论 -
jQuery基础介绍
转自阮一峰老师的博客，很推崇他的博客风格，大道至简。jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地转载 2016-04-07 18:12:36 · 617 阅读 · 0 评论 -
jQuery中.bind() .live() .delegate() .on()的区别
jQuery中.bind() .live() .delegate() .on()的区别bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加转载 2016-05-16 10:27:27 · 626 阅读 · 0 评论 -
利用Jquery实现一个典型的form表单前端验证
前端验证有各种插件，也有各种实现方式，可谓八仙过海，各显神通，几乎看到的每个人的验证方式都有所区别，本例仅作示例，做到html、css、js的解耦合，又兼顾移开光标就显示错误信息的用户体验。注：本例为form形式的表单提交，为更方便观察传递的input值，使用了get方式提交，实际应用中为了安全，最好用post提交的方式。 注册表单 tabl原创 2016-07-03 02:57:49 · 7365 阅读 · 0 评论 -
jQuery实现一个表格的简单上下翻页
注：实现原来与轮播图相似。html: 日期参与团购场次团购结果当前状态 02.08第一场成功现金券已发放 02.09第二场失败G币已退回 02.10第三场团购中团购中 02.11第一场成功现金券已发放 02.12第二场成功现金券已发放 02.13第二原创 2016-08-01 17:55:47 · 5094 阅读 · 2 评论 -
jQuery的简介及语法
1)为什么要使用jQuery？ jQuery是一个javaScript函数库，不仅让代码变得简洁，而且因其底层封装了浏览器兼容性代码，所以不用再担心令 开发人员头疼的浏览器兼容性问题，大大提高了使用javaScript代码的工作效率。2)jQuery有哪些功能？ jQuery主要包含HTML元素的选取、HTML元素的操作、CSS操作、HTML事件函数、js的特效和动画、DOM元原创 2015-07-30 14:27:52 · 653 阅读 · 0 评论 -
jQuery的noConflict()的作用
在实际项目中，我们可能会使用多个js类库，一旦其它js类库也使用了$，就极可能引起代码冲突，jQuery的noConflict()方法可以避免这一冲突。示例： noConflict方法的使用 点击noConflict.js的代码：$.noConflict();jQuery(document).ready(function(){原创 2015-08-11 12:03:56 · 1007 阅读 · 0 评论 -
AudioPlayer.js，一个响应式且支持触摸操作的jquery音频插件 - DragonDean
AudioPlayer.js是一个响应式、支持触摸操作的 HTML5 的音乐播放器。本文是对其官网的说用说明文档得翻译，博主第一次翻译外文。不到之处还请谅解、之处。JS文件地址： http://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audioplayer.js你可以在右键点击上面的地址，然转载 2015-08-25 11:24:35 · 3655 阅读 · 0 评论 -
jQuery效果之淡入淡出
.fadeOut([duration][,complete])——目标元素淡出隐藏；.fadeIn([duration][,complete])——目标元素淡入显示；.fadeToggle([duration][,complete])——目标元素隐藏则淡入显示，否则淡出隐藏；.fadeTo(duration,opacity[,complete])——将目标元素以渐进方式调整到指定的原创 2015-08-09 23:37:34 · 1502 阅读 · 1 评论 -
jQuery效果之显示与隐藏
hide([duration][,complete])——目标元素的隐藏；show([duration][,complete])——目标元素的显示；toggle([duration][,complete])——当目标元素隐藏时则显示，否则隐藏；注：可选参数[duration]为方法执行的时间间隔；[,complete]为回调函数。 显示与隐藏原创 2015-08-09 22:44:42 · 1029 阅读 · 0 评论 -
jQuery效果之滑动
.slideUp([duration][,complete])——目标元素向上滑入隐藏；.slideDown([duration][,complete])——目标元素向下滑出显示；.slideToggle([duration][,complete])——目标元素隐藏则向下滑出显示，否则向上滑入隐藏；注：duration为方法执行的时间区间，complete为回调函数。原创 2015-08-10 00:35:23 · 1957 阅读 · 1 评论 -
jQuery的DOM操作之捕获和设置
.html()——获取目标元素内的所有内容，包含html的标签及属性在内；.text()——仅获取目标元素内的文本内容；今年谁是冠军？会是上海上港吗？ 点击 $(document).ready(function(){ $("#btn").click(function(){ console.log($("p").html());原创 2015-08-10 15:07:06 · 825 阅读 · 0 评论 -
jQuery的DOM操作之添加元素和删除元素
添加元素：.append()——在目标元素之后添加元素；.prepend()——在目标元素之前添加元素；.after()——在目标元素之后换行添加元素；.before()——在目标元素之前添加元素，并使目标元素换行；删除元素：.remove()——删除目标元素；.empty()——清空目标元素内的子元素； 添加元素&删除元素原创 2015-08-10 16:27:20 · 3938 阅读 · 0 评论 -
jQuery的CSS操作
.css()——获取匹配元素集合中的第一个元素的样式属性的值设置每个匹配元素的一个或多个CSS属性；.hasClass()——确定任何一个匹配元素是否有被分配给定的（样式）类；.addClass()——为每个匹配的元素添加指定的样式类名；.removeClass()——移除集合中每个匹配元素上一个，多个或全部样式；.toggleClass()——在匹配的元素集合中的每个元素上添加或原创 2015-08-10 17:51:45 · 728 阅读 · 0 评论 -
jQuery的盒子模型
.width()、.height()——为匹配的元素集合中获取第一个元素的当前计算宽度值或高度值,给每个匹配的元素设置宽度值或高度值；.innerWidth()、.innerHeight()——为匹配的元素集合中获取第一个元素的当前计算宽度值或高度值,包括padding，但是不包括border；.outerWidth()、.outerHeight()——获取元素集合中第一个元素的当前计算宽原创 2015-08-10 18:07:28 · 1941 阅读 · 0 评论 -
jQuery的扩展
jQuery的扩展方法有两种方式:1)jQuery本身的扩展方法：$.extend;2)jQuery所选对象的方法：$.fn.extend;第二种更符合使用jQuery的习惯。示例： jQuery扩展 myJQuery.js的代码：/*第一种扩展方式*/$.myjq=function(){ alert(原创 2015-08-11 11:46:06 · 882 阅读 · 0 评论 -
jQuery的遍历
1）向下遍历：.children()——获得匹配元素集合中每个元素的子元素，选择器选择性筛选；.find()——通过一个选择器，jQuery对象，或元素过滤，得到当前匹配的元素集合中每个元素的后代;2）向上遍历：.parent()——取得匹配元素集合中，每个元素的父元素，可以提供一个可选的选择器；.parents()——获得集合中每个匹配元素的祖先元素，可以提供一个可选的选择器原创 2015-08-11 19:35:53 · 1069 阅读 · 0 评论 -
模仿jquery做一个js库的封装
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js封装</title></head><body><div&g原创 2019-02-12 21:19:31 · 922 阅读 · 0 评论