至尊技术网

统计

登录

标签搜索

搜索到 18 篇与的结果

JQuery添加兄弟节点、相邻元素

JQuery添加兄弟节点、相邻元素

1、在每个匹配的元素之后插入内容。$("p").after("<b>Hello</b>"); 2、在每个匹配的元素之前插入内容。$("p").before("<b>Hello</b>"); 3、把所有匹配的元素插入到另一个、指定的元素元素集合的后面$("p").insertAfter("#foo"); 4、把所有匹配的元素插入到另一个、指定的元素元素集合的前面。$("p").insertBefore("#foo");

2020年10月09日

1,598 阅读

0 评论

原生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日

1,126 阅读

0 评论

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日

1,072 阅读

0 评论

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日

1,065 阅读

0 评论

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日

1,024 阅读

0 评论

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日

1,141 阅读

0 评论

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日

1,080 阅读

0 评论

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日

1,160 阅读

0 评论

1
2

悠悠楠杉

25,267 文章数

92 评论量

人生倒计时

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

强的一批
有whmcs接口吗？
博主太厉害了！
博主太厉害了！
博主太厉害了！
怎么收藏这篇文章？
怎么收藏这篇文章？
想想你的文章写的特别好
想想你的文章写的特别好
不错不错，我喜欢看