![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
阳光下的冷静
本人很菜,分享自己平时学习前端的小知识点,希望对大家有用。
展开
-
jQuery事件委托
事件委托原理:事件委托是通过事件冒泡的原理,利用父级去触发子级的事件。如果不用事件委托,将ul下每一个li都去添加click事件监听,非常麻烦,而且对于内存消耗是非常大的,效率上需要消耗很多性能;另外就是如果通过js动态创建的子节点,需要重新绑定事件。而利用事件委托的话,只需要给父级绑定一个事件监听,即可让每个li都绑定上相应的事件,让你避免对特定的每个节点添加事件监听器;事件监听器是被添...原创 2019-01-05 22:01:15 · 7616 阅读 · 3 评论 -
jQuery事件
JQuery添加事件的方法有如下三种on(events,[selector],[data], fn) 在选择元素上绑定一个或多个事件的事件处理函数。参数:events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略,当它...原创 2019-06-03 21:48:27 · 312 阅读 · 0 评论 -
Vue对比jQuery的优势
jQuery到Vue的转变jQuery到Vue的转变是一个思想的转变,将原有的直接操作dom的思想转变到操作数据上jQuery是使用选择器$选取DOM对象,对其进行赋值,取值,事件绑定等,而Vue则是通过Vue对象ViewModel将数据和View完全分离开了。对数据操作不再需要引用相应的DOM对象,即数据和View是分离的,通过Vue对象vm实现相应的绑Vue支持双向数据绑定:在MV...原创 2019-06-03 20:54:55 · 5505 阅读 · 0 评论 -
jQuery日期选择器插件bootstrap-datepicker.js
bootstrap-datepicker.js介绍bootstrap-datepicker是一款Bootstrap日期选择器插件。该日期选择器插件支持多种语言,可通过配置参数设置日期选择器,日期范围选择器等,功能非常强大。bootstrap-datepicker.js安装可以通过npm、bower或yarn来安装bootstrap-datepicker日期选择器插件。Yarnyarn...原创 2019-03-27 14:29:48 · 4058 阅读 · 0 评论 -
jQuery视频播放器插件
插件介绍这是一款jQuery视频播放器代码。该jQuery视频播放器实现了视频播放器的完整功能,如快进和后退播放功能,音量调节功能,全屏播放功能等,非常实用。使用方法在页面中引入必要的CSS文件,以及jquery和vedio.js文件。<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_u4...原创 2019-03-27 14:02:46 · 3644 阅读 · 0 评论 -
插件fullPage.js
一些pc端的许多App往往会采用JQuery典型的插件----》fullPage.js,该软件方便,快捷,全面的解决了pc端开发大型App的一系列相关问题想要找到相关资源,查看详细文档,点这里...原创 2018-11-22 15:05:21 · 139 阅读 · 0 评论 -
jQuery Tab选项卡插件CardTabs.js
CardTabs.js插件介绍CardTabs是一款简单的jquery Tabs选项卡插件。该jquery Tabs选项卡插件可以自定义主题,兼容IE8浏览器,而且使用简单,非常实用。CardTabs.js插件使用 在页面中引入jquery,jquery.galpop.min.js和jquery.cardtabs.css文件。<link href="dist/jquery.car...原创 2019-03-30 18:54:07 · 1665 阅读 · 0 评论 -
jQuery炫酷轮播图插件previewSlider.js
previewSlider.js插件介绍previewSlider是一款带预览效果的炫酷js轮播图插件。该轮播图在鼠标悬停到前后导航按钮上时,会出现展示缩略图按钮,点击后可以展示所有图片。点击任意缩略图则可以将其放大到全屏进行展示。previewSlider.js插件使用方法 首先是在页面中引入preview-slider.min.css和preview-slider.min.js文件。...原创 2019-03-30 18:30:38 · 2017 阅读 · 0 评论 -
jQuery验证插件validate.js
validate.js介绍Validate是基于jQuery的一款轻量级验证插件,内置丰富的验证规则,还有灵活的自定义规则接口,HTML、CSS与JS之间的低耦合能让您自由布局和丰富样式,支持input,select,textarea`的验证。validate.js兼容性jQuery兼容:兼容jQuery1.7以上的版本浏览器兼容:兼容IE7 以上,Chrome,Firefox,Oper...原创 2019-03-26 15:48:00 · 10399 阅读 · 0 评论 -
jQuery全屏滚动插件fullPage.js
简介我们通常会看到一些全屏网站,特别是一些国外网站。这些网站有一个共同的特点,那就是每个页面用一个很大的图片或者色块做背景,再添加一些简单的内容,这样看起来显得高大上。这些全屏效果都是由jQuery的全屏滚动插件fullPage.js做成的。fullPage.js是一个基于jQuery的插件,它能够很方便,很轻松的制作出全屏网站。fullPage.js主要有以下几种功能:支持鼠标滚动支持...原创 2019-03-26 14:49:48 · 1348 阅读 · 0 评论 -
jQuery固定侧边栏插件ss-Menu.js
ss-Menu.js插件介绍ssMenu是一款jQuery固定侧边栏插件。ssMenu侧边栏插件使用简单,内置多种颜色主题,也可以自定义侧边栏菜单的颜色,非常实用。ss-Menu.js插件使用 首先是在页面中引入ss-menu.css、jquery和ss-menu.js文件。<link rel="stylesheet" href="css/ss-menu.css"><...原创 2019-03-29 15:48:43 · 1418 阅读 · 0 评论 -
jQuery分页插件jquery.tabulation.js
jquery.tabulation.js插件介绍jquery.tabulation.js是一款兼容bootstrap的jQuery分页插件。该插件可将一组同级元素转换为分页或tabs,提供回调函数,实现可分页功能。jquery.tabulation.js插件使用方法 首先是引入一些基础的资源问价,包括jquery和jquery.tabulation.js文件。<script sr...原创 2019-03-29 15:29:23 · 544 阅读 · 0 评论 -
jQuery添加元素
jQuery中添加元素与如下的方法: $(A).append(content|fn) 在匹配的元素A内部结尾追加内容 $(A).appendTo(B) 将A的内容追加到B内部结尾 $(A).prepend(content) 在匹配的元素A内部的开头插入content内容 $(A).prependTo(B) ...原创 2019-01-02 19:11:13 · 129 阅读 · 0 评论 -
jQuery中获取当前窗口的宽度值
在jQuery中,想要获取当前窗口的高宽度值,有如下情况:高度:$(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height(); ...原创 2019-01-05 22:50:39 · 13822 阅读 · 0 评论 -
jQuery事件绑定
jQuery实现事件绑定有三种方式:为一个元素绑定一个或者件处理程序,如下代码:Element.bind( eventType [, eventData ], handler(eventObject) ) 如:$('#foo').bind('mouseenter mouseleave', function() { $(this).toggleClass('entered');...原创 2019-01-05 22:32:39 · 676 阅读 · 0 评论 -
jQuery中的DOM操作
DOM操作分类jQuery中的DOM操作主要分为三个方面:即DOM Core(核心),HTML-DOM 和 CSS-DOMDOM Core 并不专属于Javascript,任何一种支持DOM的程序设计语言都可以使用它,她不仅可以处理网页,也可以用来处理任何一种使用标记语言编写的文档,如XMLJavaScript中的getElementById(),getElementsByTagName...原创 2019-06-04 12:53:04 · 483 阅读 · 0 评论