高级教程 MySQL技巧设计模式

代码片段：入口
Yii2.0教程：入口
广告合作联系QQ：1049664527

: MySql 教程

: PHP 教程

: HTML 教程

: CSS 教程

: HTML5教程

: Linux 教程

: JSON 教程

: HTTP 教程

: 设计模式

: Redis 教程

分类：jQuery

2020
10-01

深入分析jQuery.one() 函数

one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数。此外，你还可以额外传递给事件处理函数一些所需的数据。通过one()函数绑定的事件处理函数都是一次性的，只有首次触发事件时会执行该事件处理函数。触发之后，jQuery就会移除当前事件绑定。此外，你可以为同一元素、同一事件类型绑定多个一次性的事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过one()绑定的事件... 继续阅读 >

2020
10-01

jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例

本文实例讲述了jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作。分享给大家供大家参考，具体如下：1、先给json格式的数据：[{"id":1,"name":"stan"},{"id":2,"name":"jack"},{"id":3,"name":"lucy"},{"id":4,"name":"mary"},{"id":5,"name":"jerry"},{"id":6,"name":"tom"}]2、通过访问html页面，获取并展示数据：方法一：<!DOCTYPEhtml><html><head><title></title></head><scriptsrc="https://code.jquery.com/j... 继续阅读 >

2020
10-01

jQuery实现倒计时功能完整示例

本文实例讲述了jQuery实现倒计时功能。分享给大家供大家参考，具体如下：demo代码：<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>www.jb51.net时间倒计时</title></head><body><formid="form1"runat="server"><divid="show"></div></form><scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.... 继续阅读 >

2020
10-01

jQuery cookie的公共方法封装和使用示例

本文实例讲述了jQuerycookie的公共方法封装和使用。分享给大家供大家参考，具体如下：common.js放入公共方法：/***刷新cookie*/varcookiesPath='/';varcookiesTime=3/24;functionrefreshCookie(){varcookieData=$.cookie();$.each(cookieData,function(_key,_value){$.cookie(_key,_value,{path:cookiesPath,expires:cookiesTime});});}/***刷新cookie*/varcookiesPath='/';varcookie... 继续阅读 >

2020
09-30

JQuery获得内容和属性方法解析

jQuery拥有可操作HTML元素和属性的强大方法。jQueryDOM操作jQuery中非常重要的部分，就是操作DOM的能力。jQuery提供一系列与DOM相关的方法，这使访问和操作元素和属性变得很容易。提示：DOM=DocumentObjectModel（文档对象模型）DOM定义访问HTML和XML文档的标准：“W3C文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”获得内容-text()、html()以及val()三... 继续阅读 >

2020
09-30

jQuery实现视频展示效果

jQuery实现视频展示效果

本文实例为大家分享了jQuery实现视频展示的具体代码，供大家参考，具体内容如下效果：用户可以单击左上角的左右箭头，来控制视频展示的左右滚动。当单击向右箭头时，下面的展示视频会向左滚动，同时新的视频展示会以滚动方式显示出来。思路：当视频展示内容处于最后一个版面时，如果再向后，则应该跳转到第一个版面当视频展示内容处于第一个版面时，如果再向前，就应该跳转到最后一个版面左上角的箭头旁边的蓝色圆点与动画一... 继续阅读 >

2020
09-30

基于JavaScript或jQuery实现网站夜间/高亮模式

创建夜间/高亮模式的步骤：创建一个HTML文档。为文档文件以及黑暗模式创建CSS。添加一个开关转换器按钮，以在明暗模式之间进行切换。使用javascript或jQuery代码向开关转换器添加功能，以在明暗模式之间切换。示例1：以下示例演示了使用JQuery代码在明暗模式之间进行切换。它基本上通过使用函数hasClass（），addClass（）和removeClass（）方法来工作。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8">... 继续阅读 >

2020
09-30

Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】

本文实例讲述了Jquery+AJAX实现无刷新上传并重命名文件操作。分享给大家供大家参考，具体如下：index.html<!DOCTYPEhtml><html><head><title>Ajax上传图片</title><metacharset="utf-8"><scriptsrc="https://www.jq22.com/jquery/jquery-3.3.1.js"></script></head><body><h1>Ajax上传图片</h1><formid="form"enctype="multipart/form-data"><inputtype="file"id="fileAttach"name="file"/>... 继续阅读 >

2020
09-30

jQuery+css实现的点击图片放大缩小预览功能示例【图片预览查看大图】

本文实例讲述了jQuery+css实现的点击图片放大缩小预览功能。分享给大家供大家参考，具体如下：要求点击一张图片，图片就会放大，查看大图，点击空白处就会隐藏大图，回到缩略图。技术要点主要是Jquery进行元素的显示与隐藏。代码<!DOCTYPEhtml><html><head><title>qqq</title><metacharset="utf-8"><styletype="text/css">*{margin:0;padding:0;}h1{text-align:center;margin:2... 继续阅读 >

2020
09-30

Jquery高级应用Deferred对象原理及使用实例

在实际开发中常常遇到这样的问题：B函数中需要用到的变量或者参数，只有等A函数执行完毕了才能获取到。比如A函数中有一个ajax请求，而B函数中所需要的position变量需要在A函数中ajax请求完成才能得到它的准确值。functionA(){$.ajax({url:'/api/test',type:'POST',data:{...},success:function(res){position=res.position;}})}functionB(){$('.test').text(position);}JavaScript的异... 继续阅读 >

2020
09-30

JQuery插件tablesorter表格排序实现过程解析

简介Tablesorter是一个用来直接在浏览器上对表格数据进行排序的jQuery插件，无需再次刷新页面，支持多种单元格数据类型，例如数值、字符串、日期和自定义排序。使用说明引入jquery.tablesorter所用文件下载：jquery-2.0.2.min.jsjquery.tablesorter.min.jstablesorert官网http://tablesorter.com修改表格html如下：<tableclass="tabletable-stripedtable-borderedtable-hovertablesorter"id="tbList">注：为table添加id和c... 继续阅读 >

2020
09-29

jQuery弹框插件使用方法详解

本文实例为大家分享了jQuery弹框插件使用的具体代码，供大家参考，具体内容如下要点：1、匿名函数包裹器（可搜索一下）2、面向对象的编程3、插件的要素（扩展jQuery本身的方法，$.extend；给jQuery对象添加方法，对jQuery.prototype进行扩展；添加一个函数到jQuery.fn（jQuery.prototype）对象，该函数的名称就是你的插件名称）4、代码部分：注意html中a标签的内容，js中格式的注意，css的话嫌麻烦你可以自己定义5、优... 继续阅读 >

2020
09-29

jQuery实现的分页插件完整示例

本文实例讲述了jQuery实现的分页插件。分享给大家供大家参考，具体如下：呈现html文件 <html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title><scriptsrc="引入一个jquery文件，这里就不提供了"></script><linkrel="stylesheet"href="引入下边提供的css文件"rel="externalnofollow"></head><body><di... 继续阅读 >

2020
09-29

jQuery 选择器用法实例分析【prev + next】

本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下：jQuery选择器(prev+next)定义和用法jQuery的prev+next选择器用于匹配紧接在prev元素后面的同辈next元素，将其封装为jQuery对象并返回。注意：选择器next的查找范围必须是与"prev元素"相邻的下一个元素，并且必须是"prev元素"的同辈元素。语法//这里的prev表示具体的选择器//这里的next表示具体的选择器jQuery("prev+next")参数参数... 继续阅读 >

2020
09-29

jQuery--遍历操作实例小结【后代、同胞及过滤】

本文实例讲述了jQuery--遍历操作。分享给大家供大家参考，具体如下：jQuery--遍历【后代】向下遍历DOM树下面是两个用于向下遍历DOM树的jQuery方法：children()find()children()方法返回每个<div>元素的所有直接子元素：$(document).ready(function(){$("div").children();});返回类名为"1"的所有<p>元素，并且它们是<div>的直接子元素：$(document).ready(function(){$("div").children("p.1");});find()方... 继续阅读 >

2020
09-29

jquery更改元素属性attr()方法操作示例

本文实例讲述了jquery更改元素属性attr()方法。分享给大家供大家参考，具体如下：jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写,是js中setAttribute()和getAttribute()的简化最基本常用的用法:$("img").attr("src","img/a.jpg");$("img").attr("width","100px");attr()有四种用法,先列举表达式:语法:$(selector).attr(attribute)//返回被选元素的属性值。$(selector).attr(attribute,value)//设... 继续阅读 >