![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
全栈工程师MrL
喜欢C语言和前端
GitHub:designbyly
你所看见的一切都是我想让你看见的!
展开
-
jQuery学习手册(25)
jQuery学习之旅到此结束,手撕源码请等待感谢陪伴,加油每日一句原创 2021-05-11 15:58:28 · 69 阅读 · 0 评论 -
jQuery学习手册(24)
on(type,callback):注册事件注册多个相同类型事件,后注册的不会覆盖先注册的注册多个不同类型事件,后注册的不会覆盖先注册的off(type,callback):移出事件每日一句对于最有潜力的领航人风浪总是格外的汹涌。...原创 2021-05-10 11:55:22 · 645 阅读 · 0 评论 -
jQuery学习手册(23)
attr():设置或者获取元素的属性节点值prop():设置或者获取元素的属性值css():设置获取样式val():获取设置value的值hasClass():判断有没有指定类addClass():给所有元素添加指定类或所有类removeClass():清空所有元素指定类或所有类toggleClass():有则删除,没有则添加每日一句只有千锤百炼,才能成为好钢。...原创 2021-05-10 11:53:38 · 44 阅读 · 0 评论 -
jQuery学习手册(22)
DOM操作 empty:清空指定元素中的所有内容 remove:删除所有的元素或者指定元素 html:设置所有元素的内容,获取第一个元素的内容 text:设置所有元素的文本内容,获取所有元素的文本内容 appendTo:将元素添加到指定元素内部的最后 append:将元素添加到指定元素内部的最后 prependTo 将元素添加到指定元素内部的最前面 prepend:将元素添加到指定元素内部的最前面 insertAfte原创 2021-05-10 11:49:29 · 88 阅读 · 0 评论 -
jQuery学习手册(21)
入口函数传入‘ ’,null,undefined,NaN,0,false:返回空的jQuery对象字符串:代码片段:会将创建好的DOM元素存储到jQuery对象中返回选择器:会将找到的所有元素存储到jQuery对象中返回数组:会将数组中存储的元素依次存储到jQuery对象中返回除上述类型以外的:会将传入的数据存储到jQuery对象中返回伪数组和数组系统自带伪数组自定义伪数组伪数组转真数组var obj = {0: ‘la’,1: ‘wwe’,lengt原创 2021-05-10 11:46:09 · 117 阅读 · 1 评论 -
jQuery学习手册(20)
jQuery的本质是一个闭包使用闭包的原因?为了避免多个框架的冲突jQuery如何让外界访问内部定义的局部变量?window.xxx=xxxjQuery为甚要给自己传递一个window参数?为了方便后期压缩代码为了提升查找的效率jQuery为甚要给自己接收一个undefined参数?为了方便后期压缩代码IE9以下的浏览器undefined可以被修改,为了保证内部使用的undefined不被修改,所以需要接收一个正确的undefined每日一句只有经历地狱般的磨练,才能炼出创原创 2021-05-10 11:44:34 · 51 阅读 · 0 评论 -
jQuery学习手册(19)
添加节点相关方法内部插入append()appendTo()会将元素添加到指定元素的内部最后prepend()prependTo()会将元素添加到指定元素的内部最前面外部插入after()insertAfter()会将元素添加到指定元素的外部后面before()insertBefore()会将元素添加到指定元素的外部前面[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jhHucafK-1620618061555)(C:\Users\Admi原创 2021-05-10 11:42:42 · 64 阅读 · 0 评论 -
jQuery学习手册(18)
jQuery两种绑定事件的方式eventName(fn)$('button').click(function() { alert('hello word') })编码效率略高,部分事件jQuery没有实现,所以不能添加on(eventName,fn) $('button').on('click', function() { alert('helloo') })编码效率略低,所有js事件都可以添加原创 2021-05-10 11:40:22 · 94 阅读 · 1 评论 -
jQuery学习手册(17)
scrollTop()获取滚动的偏移位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-05-10 11:38:41 · 65 阅读 · 0 评论 -
jQuery学习手册(16)
offset([coordinates])作用:获取元素距离窗口的偏移位position()作用:获取元素距离定位元素的偏移位注意:position方法只能获取不能设置width()作用:获取元素的宽度每日一句你所付出的代价都比前一日高,因为你的生命又消短了一天,所以每一日你都要更用心。...原创 2021-05-10 11:35:42 · 73 阅读 · 0 评论 -
jQuery学习手册(15)
逐个设置 $('div').css('width', '100px') $('div').css('height', '100px') $('div').css('background', 'black')链式设置注意:如果大于3步,建议分开 $('div').css('width', '100px').css('height', '100px').css('background', 'black')批量设置 $('div').css({原创 2021-05-10 11:33:44 · 124 阅读 · 0 评论 -
jQuery学习手册(14)
html([val | fn])和原生的js中的innerHTML一模一样text([val | fn])和原生的JS中的innerText一模一样val([val | fn | arr])*/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g原创 2021-05-09 19:10:22 · 76 阅读 · 0 评论 -
jQuery学习手册(13)
addClass(class | fn)作用:添加一个类如果要添加多个,多个类名之间要用空格隔开removeClass([class | fn])作用:删除一个类如果要删除多个,多个类名之间要用空格隔开toggleClass(class | fn[,sw])作用:切换类有就删除,没有就添加<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me原创 2021-05-09 19:09:03 · 66 阅读 · 0 评论 -
jQuery学习手册(12)
prop方法特点和attr方法一致注意:prop方法不仅能够操作属性,它还能操作属性节点removeprop方法特点和removeAttr方法一致官方推荐在操作属性节点时,具有true和false两个属性的属性节点,如checked,selected或者disabled,使用prop(),其他的使用attr()每日一句白眼观天下,丹心报国家。——宋教仁...原创 2021-05-09 19:07:35 · 58 阅读 · 0 评论 -
jQuery学习手册(11)
attr(name | pro | key val | fn)作用:获取或者设置属性节点的值如果传递一个参数:代表获取属性节点的值如果传递两个参数,代表设置属性节点的值注意:如果是获取:无论找到多少个元素,都只会返回第一个元素指定的属性节点的值如果是设置:找到多少个元素就会设置多少个元素 如果设置的属性节点不存在,那么系统会自动新增 console.log($('span').attr('class')) $('span').原创 2021-05-09 19:06:08 · 62 阅读 · 0 评论 -
jQuery学习手册(10)
什么是属性?对象身上保存的变量就是属性如何操作属性?对象.属性名称=值对象.属性名称对象[‘属性名称’]=值对象[‘属性名称’]什么是属性节点?在编写·HTML时,在HTML标签中添加的属性就是属性节点如何操作属性节点?DOM元素.setAttribute(‘属性名称’,‘值’)DOM元素.getAttribute(‘属性名称’)属性和属性节点有什么区别?任何对象都有属性,但是只有DOM对象才有属性节点每日一句天下无纯粹之自由,亦无纯粹之不自由。——章炳麟...原创 2021-05-09 19:04:34 · 71 阅读 · 0 评论 -
jQuery学习手册(9)
jQuery 中所有选择器都以美元符号开头:$()。empty作用:找到既没有文本内容也没有子元素的指定元素parent作用:找到有文本内容或有子元素的指定元素contains(text)作用:找到包含指定文本内容的指定元素has(selector)作用:找到包含指定子元素的指定元素 <div></div> <div>111</div> <div>222222</div> <div&原创 2021-05-09 19:03:07 · 97 阅读 · 0 评论 -
jQuery学习手册(8)
$.trim()作用:去除字符串两端的空格参数:需要去除空格的字符串返回值:去除空格之后的字符串$.isWindow()作用:判断传入的对象是否是window对象返回值:true/fase$.isArray()作用:判断传入的对象是否是真数组返回值:true/fase$.isFunction()作用:判断传入的对象是否是一个函数返回值:true/fase注意:jQuery框架本质上是一个函数$.holdReady(true)作用:暂停ready执行 <script&g原创 2021-05-09 19:01:31 · 62 阅读 · 0 评论 -
jQuery学习手册(7)
原生js的map方法参数1:当前遍历到的元素参数2:当前遍历到的索引参数3:当前被遍历的数字注意:和原生的forEach一样,不能遍历伪数组jQuery中的map静态方法参数1:要遍历的数组参数2:每遍历一个元素之后执行的回调函数回调函数的参数 参数1:遍历到的元素 参数2:遍历到的索引注意:和jQuery中的each一样也可以遍历位伪数组jQuery中的each静态方法和map静态方法的区别each静态方法默认的返回值:遍历谁就返回原创 2021-05-09 18:59:58 · 99 阅读 · 0 评论 -
jQuery学习手册(6)
原生js之forEach()参数1:遍历到的元素参数2:当前遍历到的索引注意:原生的forEach方法只能遍历数组,不能遍历伪数组jQuery的each静态方法参数1:当前遍历到的索引参数2:遍历到的元素注意:jQuery的each方法是可以遍历伪数组的 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] var obj = { 0: 1, 1: 3, 2: 5, 3: 4, 4:原创 2021-05-09 18:57:10 · 71 阅读 · 0 评论 -
jQuery学习手册(5)
什么是静态方法?直接添加给类的就是静态方法静态方法通过类名调用 function AClass() {} AClass.staticMethod = function() { alert('staticMetgod') } AClass.staticMethod()实例方法实例方法通过类的实例调用创建一个实例(创建一个对象)通过实例调用实例方法 function AClass() {} AClass.staticMethod = fun原创 2021-05-09 18:54:12 · 76 阅读 · 0 评论 -
jQuery学习手册(4)
什么是jQuery对象?jQuery对象就是一个伪数组什么是伪数组?有0到length-1的属性,并且有length属性每日一句坚强的信念能赢得强者的心,并使他们变得更坚强。原创 2021-05-08 18:12:35 · 66 阅读 · 0 评论 -
jQuery学习手册(3)
jQuery核心函数$();接收一个函数接收一个字符串()接收一个字符串选择器 返回一个jQuery对象,对象中保存了找到的DOM元素 console.log($('.box1'))接收一个字符串代码片段 返回一个jQuery对象,对象中保存了创建的DOM元素 console.log($('<p>666</p>'))接收一个DOM元素 console.log($(document.getElemen原创 2021-05-08 18:10:50 · 65 阅读 · 0 评论 -
jQuery学习手册(2)
原生JS和jQuery入口函数的加载模式原生js会等到DOM元素加载完毕,并且图片也加载完毕才会执行jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行原生JS和jQuery入口函数的编写原生的js如果编写了多个入口函数,后面编写的会覆盖前面编写的。jQuery中编写多个入口函数,后面的不会覆盖前面的写法写法1:$(document).ready(function(){})写法2:jQuery(document).ready((function(){原创 2021-05-08 18:09:17 · 58 阅读 · 0 评论 -
jQuery学习手册(1)
什么是 jQuery ?jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。为什么使用 jQuery ?目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。很多大公司都在使用 jQuery,使用方法下载jQuery库如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它 引用下载的jQuery库编写jQuery代原创 2021-05-08 18:07:29 · 76 阅读 · 0 评论