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 · 197 阅读 · 0 评论 -
jqueryUI插件简单看一看
jqueryUI jQuery 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 · 244 阅读 · 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 · 251 阅读 · 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 · 132 阅读 · 0 评论 -
让你更快掌握JQ的动画
淡入淡出 淡入淡出: 不断改变元素的透明度(opacity)来实现的 fadeIn(): 带动画的显示 fadeOut(): 带动画隐藏 fadeToggle(): 带动画切换显示/隐藏 fadeIn 参数 speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000) easing::(Optional) 用来指定切换效果,默认是"swing",可用参数"linear" fn:在动画完成时执行的函数,每个元素执行一次。原创 2020-05-25 19:19:45 · 110 阅读 · 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 · 135 阅读 · 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 · 161 阅读 · 0 评论 -
简单几步看懂JQ事件绑定与解绑
事件绑定 eventName(function(){}) 绑定对应事件名的监听, 例如:$('#div').click(function(){}); on(eventName, funcion(){}) 通用的绑定事件监听, 例如:$('#div').on('click', function(){}) 优缺点 eventName: 编码方便, 但只能加一个监听, 且有的事件监听不支持 on: 编码不方便, 可以添加多个监听, 且更通用 事件解绑 off(eventName) 对某个元素的事原创 2020-05-22 19:06:23 · 325 阅读 · 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 · 124 阅读 · 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 · 210 阅读 · 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 · 355 阅读 · 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 · 157 阅读 · 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 · 112 阅读 · 0 评论 -
我把JQ选择器全家都搬出来了
JQ选择器 在jQuery中,存在着许多的选择器,以下将通过部分案例对选择器进行一个学习与理解 选择器是什么? 有特定语法规则(css选择器)的字符串 用来查找某个/些DOM元素: $(selector) 作用 用来查找特定页面元素 分类 基本 层次 过滤 表单 基本选择器 #id : id选择器 element : 元素选择器 .class : 属性选择器 *: 任意...原创 2020-04-23 17:22:40 · 241 阅读 · 0 评论