1.定义和用法: addClass(class):为所有匹配的元素添加指定的CSS类名 注意:使用addClass()方式添加CSS类时,并不会删除先有的CSS类。同时,在使用以上方法时,其class参数都可以设置多个类名,类名与类名之间用空格分开 示例: <body> <script type=" ...
分类:
Web程序 时间:
2020-05-09 23:40:57
阅读次数:
96
1.包裹节点 wrap() :把匹配到的每一个元素用指定的HTML元素包裹起来 示例:把匹配到的每一个<p>标签用<div>包裹起来 <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 遍历 $ ...
分类:
Web程序 时间:
2020-05-09 23:19:49
阅读次数:
78
在使用zepto.mdater日期插件时,一般情况下是点击input标签触发弹出层,把选中的日期渲染到该标签: <input type="text" id="in" readonly> 如果是点击一个图片,把选中日期渲染到另一个标签内怎么操作呢?如果页面有2个输入框呢?类似于这样: 其实不难,只要在 ...
分类:
移动开发 时间:
2020-05-09 21:14:00
阅读次数:
99
1.定义和用法 remove():用于从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式来筛选元素。 注意:remove()方法删除某个节点之后,该节点所包含的所有后代节点将同时被删除。该方法的返回值时一个指向已被删除的节点的引用,以后也可以继续使用这些元素。 <body> <scr ...
分类:
Web程序 时间:
2020-05-09 17:11:44
阅读次数:
85
jQuery FileUpload 插件 在前端开发过程中,我们经常要上传文件,这是我们就要用 <input type="file" name="file">这是原生的写法,看起来不是很美观。下面我们聊一种比较优雅的实现方法。 上传文件 首先,我们隐藏的input框,并将input框的click事件 ...
分类:
Web程序 时间:
2020-05-09 16:50:59
阅读次数:
70
隐藏/显示 $(‘div’).hide();隐藏 $(‘div’).show();显示 $(‘div’).toggle();切换 淡入淡出 $(div).fadeIn(speed,callback);淡入 $(div).fadeOut(speed,callback);淡出 $(div).fadeTo ...
分类:
Web程序 时间:
2020-05-09 16:44:58
阅读次数:
74
## 今日内容: 1.JQuery高级 1.动画 1.三种方式显示和隐藏元素 1.show([speed,[easing],[fn]]) *参数: 1.speed:动画的速度。三个预定义的值("slow","normal","fast")或表示动画时长的毫秒数值(如:1000) 2.easing:用 ...
分类:
Web程序 时间:
2020-05-08 23:12:18
阅读次数:
120
1.定义和用法 表单对象的属性过滤器通过表单元素的状态属性(例如选中,不可用等状态)匹配元素 :checked 说明:匹配所有选中的被选中元素 示例:$("input:checked") //匹配所有被选中的input元素 :disabled 说明:匹配所有不可用元素 示例:$("input:dis ...
分类:
Web程序 时间:
2020-05-08 22:57:35
阅读次数:
95
## 今日内容 1.JQuery 基础: 1.概念 2.快速入门 3.JQuery对象和JS对象区别与转换 4.选择器 5.DOM操作 6.案例 # JQuery 基础: 1.概念:一个JavaScript框架。简化JS开发 *jQuery是一个快速、简洁的JavaScript框架,是继Protot ...
分类:
Web程序 时间:
2020-05-08 22:39:58
阅读次数:
102