![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
文章平均质量分 51
不许偷苹果
这个作者很懒,什么都没留下…
展开
-
jQuery(一)简介
jQuery由美国人John Resig于2006年创建jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装它的设计思想是write less,do more须知:jquery能做的js也能实现jquery需要引入才可以使用jQuery 版本 2 以上不支持 IE6,7,8 浏览器。如果需要支持 IE6/7/8,那么请选择1.9你还可以通...原创 2018-09-24 22:49:05 · 108 阅读 · 0 评论 -
jQuery(九)常用正则
正则表达式:可以进行验证数据合法性、查找数据位置、数据替换等对数据操作.说明:new RegExp(pattern, attributes);pattern为表示表达式内容attributes:g,全局匹配,i不区分大小写,m执行多行匹配,用最多的为g和i例: 1、匹配变量reg中的字符串“hellow”,使用全局+不区分大小写进行匹配,匹配成功返回true。var reg = new ...原创 2018-09-27 22:05:19 · 338 阅读 · 0 评论 -
jQuery(八)绑定事件
on()方法说明:方法在被选元素及子元素上添加一个或多个事件处理程序。语法:$(selector).on(event,childSelector,data,function)event:必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值,也可以是数组。必须是有效的事件。childSelector:可选。规定只能添加到指定的子元素上的事件处理程序,且不是选择器本身。...原创 2018-09-27 10:59:36 · 131 阅读 · 0 评论 -
jQuery(七)常用事件
1、当单击元素时,发生 click 事件$('div').eq(0).click(function(){ $(this).css('color', 'red');})2、当元素的值改变时发生 change 事件(仅适用于表单字段)。$('input[name=userName]').change(function(){ $(this).css('background', '...原创 2018-09-27 10:41:01 · 185 阅读 · 0 评论 -
jQuery(六)遍历
Jq元素基础遍历1、first() : 方法返回被选元素的第一个元素2、last() : 方法返回被选元素的最后一个元素$("div").first();3、eq() : 方法返回带有被选元素的指定索引号的元素,索引号从 0 开头。$("div").eq(2);4、filter():方法返回符合一定条件的元素。该方法让您规定一个条件,不符合条件的元素将从选择中移除,该方法通常用于缩...原创 2018-09-27 10:11:33 · 116 阅读 · 0 评论 -
jQuery(五)remove()、empty()
remove():方法移除被选元素,包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。提示:如需移除元素,但保留数据和事件,请使用 detach() 方法代替。如只需从被选元素移除内容,请使用 empty() 方法。empty(): 方法从被选元素所有子节点和内容。该方法不会移除元素本身,或它的属性。如需移除元素及它的数据和事件,请使用 remove() 方法。示列:&l...原创 2018-09-26 21:32:57 · 183 阅读 · 0 评论 -
jQuery(四)动画
animate():方法执行 CSS 属性集的自定义动画该方法通过CSS样式将元素从一个状态改变为另一个状态。注意:只有数字值可创建动画(比如"margin:30px")。字符串值无法创建动画。语法:单独: (selector).animate({styles},speed,easing,callback);styles:必需。规定产生动画效果的一个或多个 CSS 属性/值。speed...原创 2018-09-26 21:29:40 · 105 阅读 · 0 评论 -
jQuery(三)DOM操作
jQuery的属性:val();:获取value值html();:获取html内容text();:获取文本内容console.log($('#content').html());console.log($('#content').text());attr();:设置属性和值$("#content").attr("style","color:red;");$(&原创 2018-09-26 21:24:28 · 160 阅读 · 0 评论 -
jQuery(二)选择器
选择器根据指定规则查找标签,获取后成为jQuery的对象语法:$(“规则”);基本选择器示列:$("#one")$("p")$("h1,#one")层次选择器示列:$(“body div")$(“body>div")$("#one+div")$("#two~div")$("#two"). siblings("p&原创 2018-09-25 22:46:29 · 124 阅读 · 0 评论 -
jQuery(十)插件应用
layDate 日期与时间组件https://www.layui.com/laydate/常用常用插件地址http://www.jq22.com/弹窗插件http://layer.layui.com/<!DOCTYPE html><html><head> <meta charset="utf-8&qu原创 2018-09-27 22:45:21 · 133 阅读 · 0 评论