jQuery
关注
分享
扫一扫
jQuery
高先生的猫
求知若渴，虚心若愚。
展开
-
jquery 滚动到指定div的位置
let container = $('.container') let scrollTo = $('#confirm') $('.index-container').animate({ scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() }, 500)原创 2022-05-13 15:55:00 · 715 阅读 · 0 评论 -
jquery中attr和prop的区别
- 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。- 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例子就知道了。<a href="xxxxx" target="_self" class="btn">高先生的猫</a>这个例子里元素的DOM属性有“href、target和class"，这些属性就是元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这.原创 2021-09-01 10:52:43 · 207 阅读 · 0 评论 -
移动端菜单 展开关闭切换效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>关闭展开</title> <script src="https://www.jq22.co...原创 2021-06-10 14:09:56 · 526 阅读 · 0 评论 -
jquery寻找节点
$("p")//引号第一个无特殊字符，在页面中选取所有 <p> 元素:$(".test")//在引号中第一个字符为“.”，即选择的是的节点$("#test")//在引号中第一个字符为“#”，即选择的是id="test"的节点//标签不唯一，如果找到符合标签的有多个，则会返回所有符合条件的节点。//id是唯一的，如果找到符合id的有多个，则只会返回一个。//class不唯一，如果找到符合id的有多个，则会返回所有符合条件的节点。$("#test1").parent(); // 父节.原创 2020-12-15 15:51:20 · 776 阅读 · 0 评论 -
jQuery.validator插件：密码正则验证的使用方法
jQuery.validator 是比较常用的一个表单验证插件，有20多种验证方式，下面介绍一下jQuery.validator 正则验证的使用方法。jQuery.validator.addMethod ( )语法：jQuery.validator.addMethod(name,method[,message])jQuery.validator 提供了一个添加自定义验证方法。它必须包含名称 name （必须是合法的JavaScript标识符），基于JavaScript...原创 2020-08-25 10:31:54 · 901 阅读 · 0 评论 -
js,jquery中.each()方法遍历循环如何终止方法
用.each()方法遍历节点的时候，用“return false”只能终止循环并继续执行循环之后的语句。代码如下：$(".days").each(function () { if ($(this).val() == "") { return false; }});如果要终止代码跳出方法，需定义一个全局变量记录是否终止的状态，并在循环外部终止代码。代码如下：var result = true;$(".days").each(.原创 2020-07-15 10:15:55 · 1022 阅读 · 0 评论 -
解决多个window.onscroll覆盖的问题
默认一个页面只能同时存在一个window.onscroll函数。有的时候我们会引入工具的js框架，在框架中使用onscroll统一监听每个页面，但是在某个页面，我们可能还要使用onscroll来监控滚动条，完成具体某个业务逻辑，这是该怎么做呢？方法1：只适用有两个滚动事件共存时适用，当有多个的时候不推荐使用这个方法，有多个会被覆盖window.onscroll=function(){ //默认一个页面只能同时存在一个window.onscroll函数 console.log(11.原创 2020-07-10 10:10:06 · 1086 阅读 · 0 评论 -
载入的iframe页面会挡住父级页面一切冒泡事件，怎么破?
最近遇到个坑，页面引入了一个iframe，结果页面上所有的点击事件都失效了。解决办法是手动绑定iframe里面事件，在事件里面触发当前窗口事件// 点击了不触发document.body.addEventListener('click', () => {console.log(43434343)})// 在iframe里面手动触发$('#iframe').contentWindow.document.body.addEventListener('click', () => {原创 2020-07-02 10:29:19 · 2711 阅读 · 2 评论 -
js,jquery中.each()方法遍历循环如何终止方法
用.each()方法遍历节点的时候，用“return false”只能终止循环并继续执行循环之后的语句。代码如下：$(".days").each(function () { if ($(this).val() == "") { return false; }});如果要终止代码跳出方法，需定义一个全局变量记录是否终止的状态，并在循环外部终止代码。代码如下：var result = true;$(".days").each(.原创 2020-07-02 10:28:46 · 2979 阅读 · 0 评论 -
Jquery中bind绑定和on绑定的区别
定义：从jquery1.7后推荐使用on绑定事件，on()是bind(), live(), delegate()方法的替代品。注意：值得注意的是：on不仅仅作用于当前绑定的元素，对于未来有脚本语言创建的元素也会有同样的作用。移除：如果要移除on()事件，请是用off();使用场景：在我的项目中有这样的一种情况，需要动态的添加列表的元素。我在添加元素的时候每次都要为添加的元素bind相应的click等方法。这很让人烦恼，有没有执行一次就可以自动为我没次添加的元素绑定相应的事件呢？只要你是用的是原创 2020-07-02 10:27:44 · 291 阅读 · 0 评论 -
jquery版本过低安全漏洞问题
最近在做项目的时候扫描除了很多js版本过低的问题，主要集中在1.x 2.x 还有1.12jQuery&<2.2 jQuery，过滤用户输入数据的正则存在缺陷，可能造成跨站漏洞，具体修复介绍可以查看官方。修复建议：1、升级版本：其实这是最好与最简单的修复方式，但是最新版的jquery不兼容旧版本，很多的api被废除了，所以如果升级到最新版的话，容易崩，还有个方式就是jquery团队推出的一个插件migrate。具体使用方法自行去jquery查询2、隐藏版本号这个方..原创 2020-06-18 13:21:23 · 9634 阅读 · 5 评论 -
jQuery实现图片懒加载...
一、什么是图片懒加载当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。通俗一点：1、就是创建一个自定义属性data-src存放真正需要显示的图片路径，而img自带的src放一张大小为1 * 1px的图片路径。2、当页面滚动直至此图片出现在可视区域时，用js取到该图片的data-src的值赋给src。ps：自定义属性可以取任何名字原创 2020-06-12 10:01:37 · 2261 阅读 · 0 评论 -
js/jQuery获取data-*属性值
面就详细介绍四种方法获取><li id="getId" >"122" >"11">获取id</li>，需要获取的就是>dtat-vice-id的值一：getAttribute()方法const getId = document.getElementById('getId');// //getAttribute()取值属性console.log(getId.getAttribute(">//122console.log(getId.getA原创 2020-06-06 13:02:09 · 1332 阅读 · 0 评论 -
target与currentTarget的区别
这两天去面试的两个小伙伴都遇到了一个问题，面试官问到你用jQuery的时候有没有用过target和currentTarget？他们的区别是什么？他们都是一脸懵，平时练习也没有用过currentTarget啊？其实currentTarget这个属性很是鸡肋，其实我们平时也用不到，下面我们通过两个例子说明平时我们为什么用不到：举个例子： <ul> <li>按钮1</li> <li>按钮2</li> <li&g原创 2020-05-26 15:34:21 · 960 阅读 · 0 评论 -
Jquery 清空input file的值
var file = $(obj).parent().find(".fileData"); $(file).val('');原创 2020-05-15 14:11:21 · 2592 阅读 · 0 评论 -
JQuery 常用方法命令汇总
jQuery 选择器选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class ...原创 2020-04-29 09:53:56 · 367 阅读 · 0 评论 -
eval 的作用
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。语法 eval(string)eval("2 + 2"); //输出 4var a = eval(“5″); 等效于var a = 5;注：如果 eval() 的参数不是字符串， eval() 将会将参数原封不动的返回。...原创 2020-04-23 09:59:12 · 836 阅读 · 0 评论 -
ajax请求的时候get 和post方式的区别
1、get请求不安全，post安全 ；2、get请求数据有大小限制，post无限制 ；3、get请求参数会在url中显示，容易被他人窃取，post在请求体中，不会被窃取；4、post需要设置请求头。...原创 2020-04-20 09:56:03 · 230 阅读 · 0 评论 -
ajax请求的时候get 和post方式的区别
1、get请求不安全，post安全 ；2、get请求数据有大小限制，post无限制 ；3、get请求参数会在url中显示，容易被他人窃取，post在请求体中，不会被窃取；4、post需要设置请求头。...原创 2020-04-16 10:01:46 · 276 阅读 · 0 评论 -
事件绑定和普通事件有什么区别？
//普通添加事件的方法var btn = document.getElementById('hello');btn.onclick = function () { alert(1) // 不执行}btn.onclick = function () { alert(2) // 执行}//执行上面的代码只会执行2//事件绑定添加事件var btn = docum...原创 2020-04-28 16:05:31 · 642 阅读 · 0 评论 -
document ready和window onload的区别？
在Jquery里面，我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){})，都是在dom文档树加载完之后执行一个函数window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数也就是说$(document).ready要比window.onload先执行。...原创 2020-04-17 10:35:31 · 222 阅读 · 0 评论 -
2020年jQuery笔试题汇总整理
很多人认为属于JQ的时代已经结束了！但是请不要忘记JQ自身还有一项非常牛的优势——兼容性！这是其它框架所不具备的！所以至少目前JQ还是有自己的用武之地的。在这里我将JQ的一些面试题进行了整理，希望对大家有所帮助！1、你为什么要使用jQuery？你觉得jquery有哪些好处？1、因为jQuery是轻量级的框架，大小不到30kb2、它有强大的选择器，出色的DOM操作的封装3、有可靠的...原创 2020-04-15 10:35:19 · 7884 阅读 · 0 评论 -
原生对象和 jquery对象相互转换
原创 2020-04-10 10:07:13 · 383 阅读 · 0 评论