![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
leo_mol
这个作者很懒,什么都没留下…
展开
-
jquery介绍
jQuery的版本分为1.x系列和2.x、3.x系列,1.x系列兼容低版本的浏览器,2.x、3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系列的。jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。首先得去下载这个文件。<script type="text/javascript" src="js/jquery-1.12.2.js"><...原创 2018-05-31 18:57:40 · 229 阅读 · 0 评论 -
javascript对象
javascript中的对象,可以理解成是一个键值对的集合,键是调用每个值的名称,值可以是基本变量,还可以是函数和对象。创建javascript对象有两种方法,一种是通过顶级Object类来实例化一个对象,然后在对象上面添加属性和方法:var person = new Object(); // 添加属性: person.name = 'tom'; person.age = '25'; // 添...原创 2018-05-31 20:07:22 · 110 阅读 · 0 评论 -
jquery-Dom操作
元素节点操作指的是改变html的标签结构,它有两种情况:1、移动现有标签的位置2、将新创建的标签插入到现有的标签中创建新标签var $div = $('<div>'); //创建一个空的div var $div2 = $('<div>这是一个div元素</div>'); 移动或者插入标签的方法 1、append()和appendTo():在现存元素的内部,从后面...原创 2018-05-31 20:05:02 · 136 阅读 · 0 评论 -
jquery事件委托
事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。一般绑定事件的写法$(function(){ $ali = $('#list li'); $ali.click(function() { $(this).css({background:'...原创 2018-05-31 19:53:34 · 156 阅读 · 0 评论 -
jquery事件冒泡
什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。事件冒泡的作用 事件冒泡允许多个操...原创 2018-05-31 19:51:15 · 160 阅读 · 0 评论 -
jquery表单验证(正则)
1、什么是正则表达式: 能让计算机读懂的字符串匹配规则。2、正则表达式的写法:var re=new RegExp('规则', '可选参数');var re=/规则/参数;3、规则中的字符 1)普通字符匹配:如:/a/ 匹配字符 ‘a’,/a,b/ 匹配字符 ‘a,b’2)转义字符匹配:\d 匹配一个数字,即0-9\D 匹配一个非数字,即除了0-9\w 匹配一个单词字符(字母、数字、下划线)\W 匹...原创 2018-05-31 19:38:32 · 2766 阅读 · 1 评论 -
jquery特殊效果、链式调用、事件
jquery特殊效果: fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); }); fadeOut() 淡出 fadeToggle() 切换淡入淡出 hide() 隐藏元素 s...原创 2018-05-31 19:29:24 · 230 阅读 · 0 评论 -
jquery动画
通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。/* animate参数: 参数一:要改变的样式属性值,写成字典的形式 参数二:动画持续的时间,单位为毫秒,一般不写单位 参数三:动画曲线,默认为‘swing’,缓冲运动,还可以设置为‘linear’,匀速运动 参数四:动画回调函数,动画完成后执行的匿...原创 2018-05-31 19:20:29 · 216 阅读 · 0 评论 -
jquery样式操作与绑定click事件
jquery用法思想二 同一个函数完成取值和赋值操作行间样式// 获取div的样式 $("div").css("width"); $("div").css("color"); //设置div的样式 $("div").css("width","30px"); $("div").css("height","原创 2018-05-31 19:17:03 · 2256 阅读 · 0 评论 -
jquey选择器
jquery用法思想一 选择某个网页元素,然后对它进行某种操作jquery选择器 jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。$('#myId') //选择id为myId的网页元素 $('.myClass') // 选择class为myClass的元素 $('li') //选择所有的li元素 $('#ul1 ...原创 2018-05-31 19:07:04 · 258 阅读 · 0 评论