Jqery
绝世唐门三哥
改变世界的程序猿@三哥
展开
-
JavaScript---原生获取元素(节点)与JQ获取元素(节点)方式总结
1. 获取子节点的方式。2. 获取父节点的方式。3. 获取兄弟节点的方式。原创 2022-10-13 16:39:31 · 549 阅读 · 0 评论 -
JavaScript---图片轮播(loop)多个设备展示图片一致,而非重新开始,根据当前时间计算展示图片
简单说就是,根据当天的时间来动态切换图片src,不论设备多少,开机运行顺序。进去看到的保证都是在某个相同时间端内的图片是相同的,而非不同设备进去都是从0秒到duration秒采取切换图片!原创 2022-09-04 23:42:36 · 479 阅读 · 0 评论 -
ES6---解构赋值的介绍
这里先记点精华部分:(解构赋值:数组按顺序;对象按属性名)定义: 按照一定的模式从数组和对象中提取值,然后对变量进行赋值,这被称为解构(Destructuring)注意:如果等号的右边不是数组(或者严格来说不是可遍历的结构)将会报错!!!解构赋值允许指定默认值。......原创 2020-05-08 09:47:54 · 283 阅读 · 0 评论 -
Array------已知数组的值value,查找对应的索引index
第一种: 利用map和indexOf来实现// 一般数组let arr = [1,2,3,4,5];let params = 1;var index = arr.indexOf(params); // 0// 对象数组var arr= [ {value: 100}, {value: 200}, {value: 300}, {value: 400}, {value: 500}];var params = 200;var index = imageList原创 2021-07-26 18:01:30 · 3159 阅读 · 0 评论 -
jquery------关于jQuery.extend()和jQuery.fn.extend()的区别
两者区别总结:1、两者调用方式不同:jQuery.extend(),一般由传入的全局函数来调用,主要是用来拓展个全局函数,如$.ajax(),$.init();jQuery.fn.extend(),一般由具体的实例对象来调用,可以用来拓展个选择器,例如$.fn.changeColor()==> $('div').changColor('#e4e4e4');2、两者的主要功能作用不同:jQuery.extend(object); 为扩展jQuery类本身,为自身添加新的方法。jQue..原创 2021-05-13 10:57:56 · 194 阅读 · 0 评论 -
知识点------图片懒加载实现方式
一、和懒加载相关的APIdocument.documentElement.clientHeight//获取屏幕可视区域的高度[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VrnUxH0u-1586248674028)(https://pic2.zhimg.com/v2-d4efe96b77d0e0f07e7457574d162b2d_r.jpg “API解释”...原创 2020-04-07 16:58:37 · 329 阅读 · 0 评论 -
js------关于JQ中设置属性的方法attr和prop的讲解:setAttribute(name,value) - attr - prop
方法总结:原生js写法:setAttribute(name,value) 设置自定义属性 或 原生属性getAttribute(name) 获取属性值var container = document.getElementsByClassName('container');container.setAttribute('data-text','自定义文本值')contai...原创 2020-01-19 13:34:40 · 931 阅读 · 0 评论 -
jquery------判断浏览器是否支持某一css属性(一个方法解决)
(function (temp) { if (temp.style["transition"] !== undefined) { return true; } return false })(document.createElement('div'))将其放入浏览器控制台,...原创 2019-12-11 23:33:10 · 287 阅读 · 0 评论 -
jquery ------事件绑定的方法总结(on | addEvevtListener | attachEvent )
用on绑定off解绑// onclick绑定document.body.onclick = () => {console.log(111)}// 解绑document.body.onclick = null;=================================================jquery写法:绑定$(dom).click([子...原创 2019-12-02 15:36:36 · 609 阅读 · 0 评论 -
知识点------delete操作符(自结)
delete 操作符1.一般来删除对象的属性或方法,或者没有被 var、let、const声明的变量;2.无法删除的是函数、函数里面的参数变量(前提函数里面没有参数,在里面删除也可成功,例子如下)用var、let、const声明的变量,无法删除时返回false|成功则返回true(function(){ x = 2; delete x; return x;})...原创 2019-11-06 14:39:37 · 306 阅读 · 0 评论 -
jquery------工具类属性
1.$.browser.version 浏览器渲染引擎版本号。例子:显示当前 IE 浏览器版本号。if ( $.browser.msie ){ alert( $.browser.version );}2.$.each(object, [callback]) 通用遍历方法,可用于遍历对象和数组。object:需要遍历的对象或数组。callback:每个成员/元素执行的回...原创 2019-10-25 10:31:04 · 174 阅读 · 0 评论 -
jquery ------ 个人感觉比较使用的一些属性
2.on(events,[selector],[data],fn) 选择元素上绑定一个或多个事件的事件处理函数<button>测试事件<span>span</span></button> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>...原创 2019-10-22 11:23:15 · 151 阅读 · 0 评论 -
jquery------ jQuery事件属性的介绍(包含常用事件和效果相关)
1. .ready() 当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。$(document).ready() 注意事项:a. 确保在 <body> 元素的onload事件中没有注册函数,否则不会触发+$(document).ready()事件b. 可以在同一个页面中无限次地使用$(document).ready()事件; 按其顺序执行!2.on(events,[s...原创 2019-10-21 11:01:57 · 327 阅读 · 0 评论 -
jquery ------ 元素筛选
1.eq(index|-index) 获取当前链式操作中第N个jQuery对象; 正值或者负值(从前到后/从后到前)注意:类似的有get(index),不过get(index)返回的是DOM对象。要是用dom对象时可以使用$("p").eq(1) // 获取索引为1的p标签2.first() 获取第一个元素$('p').first() 3.last() 获取最后一个...原创 2019-10-11 11:51:47 · 249 阅读 · 0 评论 -
jquery ------ 文档处理属性
1.append(content|fn) 向每个匹配的元素内部追加内容。 父添子(父级最后面)content String, Element, jQuery要追加到目标中的内容function(index, html) Function返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,h...原创 2019-10-10 13:29:35 · 185 阅读 · 0 评论 -
jquery---xxx.css()方法的极限总结
代码】jquery---xxx.css()方法的极限总结。原创 2019-10-08 11:13:54 · 180 阅读 · 0 评论 -
jquery ------ 属性介绍(自己回顾总结笔记)
1. attr(name|properties|key,value|fn) 设置或返回被选元素的属性值。说明:属性名 类型 name(属性的名称) String properties(作为属性的 名/值对 的对象) Map key,value ...原创 2019-09-30 11:23:18 · 174 阅读 · 0 评论 -
jquery ---- 选择器介绍(自己回顾总结笔记)
原则器:仅仅写引号里的选择器,及css选择器写法!!!1. id选择器$("#myClass")2.标签选择器$("div");3.类名选择器$(".myClass");4.通配符选择器$('*')5.并列选择器$('div,span,.myclass')6.后代选择器(form下所有的input)$('form input')7.子代选择器(仅仅是form的下...原创 2019-09-29 11:54:10 · 225 阅读 · 0 评论