TypechoJoeTheme

至尊技术网

统计
登录
用户名
密码
/
注册
用户名
邮箱

悠悠楠杉

网站页面
搜索到 17 篇与 的结果
2020-10-08

原生JS和JQ把数组遍历到页面元素

原生JS和JQ把数组遍历到页面元素
把数组里的值依次放到span中去!html如下: <div class='b'><span></span></div> <div class='b'><span></span></div> <div class='b'><span></span></div> <div class='b'><span></span></div> <div class='b'><span></span></div> <div class='b'><span></span></div> js如下:<script> var a = ['1','2','3','4','5','6']; var b = document.querySelectorAll(".b span");...
2020年10月08日
767 阅读
0 评论
2020-09-18

jQuery幻灯片、Tab标签切换、图片滚动、无缝滚动插件SuperSlide

jQuery幻灯片、Tab标签切换、图片滚动、无缝滚动插件SuperSlide
SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!还可以多个SuperSlide组合创造更多效果哦~(兼容包括ie6的绝大部分浏览器)如何使用(以下为幻灯片为例,其他请参考文件包里的demo/iframe文件)1、引用jQuery.js 和 jquery.SuperSlide.js<script type="text/javascript" src="../jquery1.42.min.js"></script> <script type="text/javascript" src="../jquery.SuperSlide.2.1.3.js"></script> 2、HTML<div id=&qu...
2020年09月18日
644 阅读
0 评论
2020-09-17

jQuery幻灯片插件Owl Carousel

jQuery幻灯片插件Owl Carousel
简介Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有一下特点:1、兼容所有浏览器2、支持响应式3、支持 CSS3 过度4、支持触摸事件5、支持 JSON 及自定义 JSON 格式6、支持进度条7、支持自定义事件8、支持延迟加载9、支持自适应高度浏览器兼容:兼容所有浏览器,包括 IE6、IE7。jQuery 兼容:兼容 1.7 及以上版本。使用方法1、引入css和js文件,已经有引入过jquery.min.js就不需要再引用了。<link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/owl.theme.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/owl.carousel.js">...
2020年09月17日
680 阅读
0 评论
2020-08-16

jQuery选择器

jQuery选择器
选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素 :first$("p:first")第一个 元素:last$("p:last")最后一个 元素:even$("tr:even")所有偶数 元素:odd$("tr:odd")所有奇数 元素 :eq(index)$("ul li:eq(3)")列表中的第四个元素(index 从 0 开始):gt(no)$("ul li:gt(3)")列出 index 大于 3 的元素:lt(no)$("ul li:lt(3)")列出 index 小于 3 的元素:not(selector)$("input:not(:empty)")所有不为空的 input 元素|:header | $(":header")| 所有标题元素 - |...
2020年08月16日
662 阅读
0 评论
2020-01-03

jQuery实现文件编码成base64并通过AJAX上传的方法

jQuery实现文件编码成base64并通过AJAX上传的方法
本文实例讲述了jQuery实现文件编码成base64并通过AJAX上传的方法。分享给大家供大家参考,具体如下:使用AJAX是无法直接上传文件的,一般都是新建个iframe在它里面完成表单提交的过程以达到异步上传文件的效果。如此做可以达到比较好的浏览器兼容性,不过代码量会比较大,即使是使用了文件上传插件,例如plupload。如何能达到灵活的程度呢,能像普通的AJAX提交表单数据那样将文件看成是普通表单参数来对待就好了。灵光一闪,利用javascript的FileReader对象将文件编码成base64再传服务器不就行了么~开始动手,丰衣足食。<?php // 后端对文件数据解码并保存 if (!empty($_POST)) { $dir = base64_upload($_POST['fileBase64'], 'jpg', 'img'); exit(json_encode(['img' => $dir])); } function base64_upload($content, $suffix, $dir = 'topic', $filename ...
2020年01月03日
767 阅读
0 评论
2020-01-03

jquery.cookie 介绍 和 用法

jquery.cookie 介绍 和 用法
1、依赖jQuery库2、下载官方github:https://github.com/carhartl/jquery-cookie蓝奏云下载地址:https://www.lanzouy.com/i8fbxhe3、使用创建一个整站cookie$.cookie('name', 'value'); 创建一个整站cookie ,cookie 的有效期为 7 天$.cookie('name', 'value', { expires: 7 }); 创建一个仅对 path 路径页面有效的 cookie ,cookie 的有效期为 7 天$.cookie('name', 'value', { expires: 7, path: '/' }); 读取 cookie$.cookie('name'); // 如果cookie存在 则获取到cookie值 => 'value' $.cookie('nothing'); // 如果cookie不存在 则返回 => undefined 获取所有可见的 cookie$.cookie(); // 数据格式 => { name: 'value' ...
2020年01月03日
682 阅读
0 评论
2019-12-31

JQuery ajax 实例详解

JQuery ajax 实例详解
$.ajax({ type: "post",//提交数据的类型 post get url: "login.html",//提交的网址 data: {//提交的数据 name: "name", password: "password" }, dataType: "json",//"xml", "html", "script", "json", "jsonp", "text" //返回数据的格式 contentType: "application/x-www-form-urlencoded",//发送数据到服务器时所使用的内容类型 timeout: 10000,//设置请求超时时间(毫秒) async: true,//异步为true,同步为false,默...
2019年12月31日
828 阅读
0 评论