
jquery基础
hy1308060113
这个作者很懒,什么都没留下…
展开
-
jquery的初级学习记录1
jquery是一个优秀的js库网站:www.jquery.com 可查看说明文档和下载相应的资料三种得到网页元素的方法:$(‘#div’) 得到id元素$(‘div’) 得到标签元素$(‘.div’) 得到class元素得到li的第一个元素,并将背景置为红色得到li的最后一个元素,并将背景置为红色得到下标为2的li,li的下标从0开始,并将背景置为红色将下标为奇数的li的背景置为红色将下标为偶...原创 2018-05-10 17:33:20 · 138 阅读 · 0 评论 -
jquery学习笔记7
jq中的hover()相当于js中移入移出,第一个参数方法代表移入,第二个代表移出。jq中的show()作用是显示,hide()表示隐藏。当有参数时带有动画效果。jq的fadeout()表示淡出。fadein()表示为淡入。不填参数默认时间为400毫秒.jq的slideup()表示向上卷入。slidedown()表示向下展开。jq的fadeTo()方法表示元素的的淡入淡出透明度到多少,第一个参数为...原创 2018-05-14 16:05:34 · 178 阅读 · 0 评论 -
利用jquery实现拖拽
原理:鼠标按下的时候,记录下当前鼠标相当于元素的距离,然后用当前浏览器的距离减去这段距离就得到移动后的位置。原创 2018-05-14 15:44:18 · 1405 阅读 · 0 评论 -
jquery学习记录6
jq中ev是已经做了兼容性处理的,可直接拿来用。ev.pageX相当于js中的clientX,但是第一个是相当于文档的,js中的是相当于可视区的。可视区加上滚动条的距离才是文档的距离。ev.which相当于js中的keycode,即键盘的键值。ev.preventDefault()方法是用来阻止默认事件。ev.stopPropagation()方法是用来阻止冒泡操作。jq中当函数return fa...原创 2018-05-14 15:23:35 · 452 阅读 · 0 评论 -
jquery学习记录5
jq中创建div元素如下,并将其添加到body里面,创建其他其他同理。用jq创建出一个居中的框,原理:浏览器的宽度-自身的宽度之后除以2得到left值,top值也是同样的原理。当窗口大小和滚动时要居中的话得加上滚动条滚动的距离。点击关闭按钮关闭框...原创 2018-05-14 10:44:00 · 157 阅读 · 0 评论 -
jquery学习记录4
jq的addClass方法作用就是给元素添加class,不会添加重复的classjq的removeClass方法作用就是给元素删除class,不会删除重复的classjq中得到宽度的方法如下以及他们的区别: width方法是得到元素的样式宽度。innerWidth方法是得到样式宽+padding的宽度,outerWidth方法是得到样式宽度+paddding宽度和边框border的宽度。当oute...原创 2018-05-14 10:23:24 · 221 阅读 · 0 评论 -
jquery学习笔记3
jq的取值赋值的方法如下:当有一组li的时候,取值取的是第一个但是当设置的时候,设置的是所有的lijq方法里面只有一个参数的话表示获取,有两个方法的话表示设置。下面的方法作用是将除了id为box的div的背景颜色改为红色jq中not方法的作用和filter方法的作用相反,filter是将这个元素选出来,not是将这个除去。jq的has方法作用是判断这个元素中有没有包含某个元素。下面这句话的作用就是...原创 2018-05-11 15:47:33 · 139 阅读 · 0 评论 -
jquery学习记录11
$.ajax()方法的用法如下:$.get()方法和$.post()方法的用法如下,函数都是成功以后在调用:$.getJSON()方法用法如下;$.extend()方法和$.fn.extend()的用法:自定义一个插件字符串去掉左空格自定义多个插件格式如下:$.fn.extend()的添加拖动方法插件的方法$.fn.extend()插件的调用...原创 2018-05-17 11:57:37 · 145 阅读 · 0 评论 -
jquery学习记录9
jq中的animate()方法用法如下:一个参数的时候传的值和json格式的数据差不多传两个值得时候第一个值和上面的一样,第二个值传时间,单位是毫秒。传三个参数时,前两个和前面一样,第三个值是运动形式(swing,linear)传四个传输时。前三个一样,第四个为回调函数还可以在对调函数里面执行动画操作或者进行链式操作。jq中的stop()方法可以停止运动。finish()方法可以立即停止到所有运...原创 2018-05-17 10:41:40 · 291 阅读 · 0 评论 -
jquery学习记录2
js中的下面这段代码等同于jq中将ul的所有子节点的背景变红。js和jq可以共存,但是不能混用jq中有链式操作,下面注释的代码和没有注释打代码同一个意思...原创 2018-05-10 17:58:25 · 118 阅读 · 0 评论 -
jquery学习记录8
js和jq能共存,但是不能混用,jq中的get()方法的作用就是把jq转成原生的js,用法如下:当get()里面没有带参数时代表获得改元素的集合。js中的offsetWidth是获取不到影藏元素的值得。而jq的outerWidth()可以获取到影藏元素的值。jq中html()方法可以获取到元素的所有元素,包括标签。且假如元素是一组的话只能获取到第一个的内容,text()方法是获取到文本,不包括标签...原创 2018-05-16 14:39:59 · 284 阅读 · 0 评论