JQuery
关注
分享
扫一扫
空 白
仅仅是万千世界当中的一员，也没那么闪亮
展开
-
JQ多库共存巧妙解决
多库共存问题页面：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body> <input type="button" value="按钮" id="btn" /></body></html>脚本： /原创 2020-07-27 11:34:40 · 211 阅读 · 0 评论 -
jqueryUI插件简单看一看
jqueryUIjQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。下载jqueryUI下载引入首先得引入jquery的包其次引入jquery-ui.js的包然后引入jquery-ui.css包使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l原创 2020-05-27 21:08:32 · 256 阅读 · 0 评论 -
jquery-validation简简单单看一下
jquery-validation是一个表单验证的插件，根据不同的属性，对表单进行各种的数据验证下载jquery-validation下载引入首先得引入jquery的包，其次引入jquery-validation的包使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sty原创 2020-05-27 17:51:21 · 262 阅读 · 0 评论 -
JQ是如何变得更加强大
通过几个案例需求来了解Jquery如何扩展方法需求给 $ 添加4个工具方法:min(a, b) : 返回较小的值max(c, d) : 返回较大的值leftTrim() : 去掉字符串左边的空格rightTrim() : 去掉字符串右边的空格jQuery.extend()jquery_plugin.js(function(){ jQuery.extend({ min:function(a, b){ return a < b ? a : b; }原创 2020-05-27 17:03:53 · 140 阅读 · 0 评论 -
让你更快掌握JQ的动画
淡入淡出淡入淡出: 不断改变元素的透明度(opacity)来实现的fadeIn(): 带动画的显示fadeOut(): 带动画隐藏fadeToggle(): 带动画切换显示/隐藏fadeIn参数speed：三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)easing：:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"fn：在动画完成时执行的函数，每个元素执行一次。原创 2020-05-25 19:19:45 · 125 阅读 · 0 评论 -
用JQ码一个简单的轮播图
轮播图页面效果页面代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>焦点轮播图</title> <style type="text/css"> /*去除内边距,没有链接下划线*/ * { margin: 0; padding: 0; text-decoration: none;原创 2020-05-25 17:21:40 · 144 阅读 · 0 评论 -
原来JQ它也会事件委托
事件案例<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>事件委托</title></head><body><ul><li>1111</li><li>2222</li><li>3333</li><li>4444</li>原创 2020-05-25 12:20:46 · 167 阅读 · 0 评论 -
简单几步看懂JQ事件绑定与解绑
事件绑定eventName(function(){})绑定对应事件名的监听, 例如：$('#div').click(function(){});on(eventName, funcion(){})通用的绑定事件监听, 例如：$('#div').on('click', function(){})优缺点eventName: 编码方便, 但只能加一个监听, 且有的事件监听不支持on: 编码不方便, 可以添加多个监听, 且更通用事件解绑off(eventName)对某个元素的事原创 2020-05-22 19:06:23 · 331 阅读 · 0 评论 -
JQ也能这样改改文档
公共页面代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>17_文档_增删改</title></head><style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 200px; hei原创 2020-05-22 12:33:12 · 138 阅读 · 0 评论 -
JQ查找与过滤实现爱好选择器
爱好选择器<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>全选练习</title></原创 2020-05-22 11:14:37 · 221 阅读 · 0 评论 -
JQ筛选与过滤
筛选模块过滤在jQuery对象内部的元素中找出部分匹配的元素, 并封装成新的jQuery对象返回first()last()eq(index)filter(selector): 对当前元素提要求not(selector): 对当前元素提要求, 并取反has(selector): 对子孙元素提要求查找查找jQuery对象内部的元素的子孙/兄弟/父母元素, 并封装成新的jQuery对象返回children(selector): 子元素find(selector): 后代元素原创 2020-05-21 23:43:38 · 369 阅读 · 0 评论 -
JQ元素的尺寸
内容尺寸公共CSS div { width: 100px; height: 150px; background: red; padding: 10px; border: 10px #fbd850 solid; margin: 10px; }height()/width()var $div = $('div')// 1. 内容尺寸console.log($div.width(), $div.height()) // 打印输出到页面上d原创 2020-05-21 23:42:40 · 165 阅读 · 0 评论 -
原来JQ属性还能这样搞
属性attr()参数attr(name|properties|key,value|fn)设置或返回被选元素的属性值。示例var $input = $(':input')// 为$input的value属性赋值$input.attr('value','this is input value')var $img = $(':img')// 获取$img的src属性$img...原创 2020-04-27 16:49:48 · 122 阅读 · 0 评论 -
我把JQ选择器全家都搬出来了
JQ选择器在jQuery中，存在着许多的选择器，以下将通过部分案例对选择器进行一个学习与理解选择器是什么？有特定语法规则(css选择器)的字符串用来查找某个/些DOM元素: $(selector)作用用来查找特定页面元素分类基本层次过滤表单基本选择器#id : id选择器element : 元素选择器.class : 属性选择器*: 任意...原创 2020-04-23 17:22:40 · 250 阅读 · 0 评论