jQuery
关注
分享
扫一扫
Curry 3O
I can do ALL things !
展开
-
jQuery 中常用的API
1.val()val([value])用来读取或修改【表单元素】value属性的值.参数： 无参，获取value值参数 ：value，设置value的值参数：function(index,oldVal) 回调函数，index索引，oldVal当前val实例：<!DOCTYPE html><html lang="en"><head> <m...原创 2019-07-29 11:51:03 · 741 阅读 · 0 评论 -
jquery树形插件zTree使用
一、介绍zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。特点：1.zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载2.采用了延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀3.兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器4.支持...原创 2019-08-10 12:27:46 · 1019 阅读 · 1 评论 -
jQuery分页插件使用
jquery.tabulation.js插件介绍jquery.tabulation.js是一款兼容bootstrap的jQuery分页插件。该插件可将一组同级元素转换为分页或tabs，提供回调函数，实现可分页功能。一、jquery.tabulation.js插件使用方法首先是引入一些基础的资源问价，包括jquery和jquery.tabulation.js文件。<script src...原创 2019-08-09 19:53:37 · 1030 阅读 · 0 评论 -
JQuery实现轮播图
轮播图在一个模块或者说窗口，通过电脑上鼠标点击、手机上手指滑动后，可以看到多张图片。这些图片就都是轮播图，这个模块就叫做轮播模块。设计概念图HTML源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title&...原创 2019-07-28 17:33:45 · 137 阅读 · 0 评论 -
jQuery实现动画效果
1.隐藏$obj.hide()$obj.hide( [duration ],[complete ])如果没有提供参数,被匹配的元素将不带动画地立即隐藏。这大致地等同于 .css(“display”, “none” )2.显示$obj.show()$obj.show( [duration ],[complete ])用法与hide类似3.隐藏与显示$obj.toggle( [dur...原创 2019-07-27 22:44:29 · 164 阅读 · 0 评论 -
Jquery实现点击图片后居中放大
在页面中，点击图片后图片在页面居中放大，并且背景虚化。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Jquery实现图片点击后居中放大</title> <style> *{ margin: 0; p...原创 2019-08-05 11:37:51 · 1492 阅读 · 0 评论 -
jQuery中的选择器
jQuery基本选择器包括 CSS选择器、层级选择器和、表单域选择器1.CSS选择器（1）标签选择器 $("div") $("p") $("table") 等一系列 HTML 标签（2）ID选择器<input id="user" type="text">获取该标记的值：$("#user").val();（3）类选择器<input type="text" c...原创 2019-07-26 21:04:50 · 158 阅读 · 0 评论 -
鼠标拖动div移动
实现鼠标能够拖动div实现div的随意拖拽，需要注意的就是不能拖着拖着div在浏览器里面消失，因此需要进行位置计算。示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鼠标拖动div</title> <style>...原创 2019-08-03 19:32:44 · 2257 阅读 · 1 评论 -
图片放大镜功能
实现效果演示：鼠标移入左侧缩略图时，小盒子和右边大图显示，并且小盒子跟随鼠标移动，右侧大图出现放大效果。我将用三种方法来实现。1.原生js代码实现思路：1.原图窗口与放大窗口插入的是同一个图片，不过原图窗口的图片要适当缩小，放大窗口图片保持原大小，超出部分设置隐藏。2.先定下放大比例，例如本文原图大小为10001000，可以把原图窗口的图片设为400400，这样放大窗口就能实现2.5倍的...原创 2019-08-02 21:05:37 · 2349 阅读 · 2 评论 -
Bootstrap中的switch开关组件
一、简介Bootstrap Switch是一款通过复选框美化实现的一款开关控件，可以给选择框设置类似于开关的样式，它是依赖于Bootstrap的一款插件。二、下载官网地址 : https://www.bootcdn.cn/bootstrap-switch/GitHub下载地址 : https://github.com/Bttstrp/bootstrap-switch三、导入<li...原创 2019-08-11 18:49:47 · 14418 阅读 · 0 评论