![](https://img-blog.csdnimg.cn/2020072914152893.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
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 · 674 阅读 · 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 · 173 阅读 · 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 · 452 阅读 · 0 评论 -
jquery寻找节点
$("p")//引号第一个无特殊字符,在页面中选取所有 <p> 元素:$(".test")//在引号中第一个字符为“.”,即选择的是的节点$("#test")//在引号中第一个字符为“#”,即选择的是id="test"的节点//标签不唯一,如果找到符合标签的有多个,则会返回所有符合条件的节点。//id是唯一的,如果找到符合id的有多个,则只会返回一个。//class不唯一,如果找到符合id的有多个,则会返回所有符合条件的节点。$("#test1").parent(); // 父节.原创 2020-12-15 15:51:20 · 735 阅读 · 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 · 866 阅读 · 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 · 996 阅读 · 0 评论 -
解决多个window.onscroll覆盖的问题
默认一个页面只能同时存在一个window.onscroll函数。有的时候我们会引入工具的js框架,在框架中使用onscroll统一监听每个页面,但是在某个页面,我们可能还要使用onscroll来监控滚动条,完成具体某个业务逻辑,这是该怎么做呢?方法1:只适用有两个滚动事件共存时适用,当有多个的时候不推荐使用这个方法,有多个会被覆盖window.onscroll=function(){ //默认一个页面只能同时存在一个window.onscroll函数 console.log(11.原创 2020-07-10 10:10:06 · 1028 阅读 · 0 评论 -
载入的iframe页面会挡住父级页面一切冒泡事件,怎么破?
最近遇到个坑,页面引入了一个iframe,结果页面上所有的点击事件都失效了。解决办法是手动绑定iframe里面事件,在事件里面触发当前窗口事件// 点击了不触发document.body.addEventListener('click', () => {console.log(43434343)})// 在iframe里面手动触发$('#iframe').contentWindow.document.body.addEventListener('click', () => {原创 2020-07-02 10:29:19 · 2466 阅读 · 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 · 2900 阅读 · 0 评论 -
Jquery中bind绑定和on绑定的区别
定义:从jquery1.7后推荐使用on绑定事件,on()是bind(), live(), delegate()方法的替代品。注意:值得注意的是:on不仅仅作用于当前绑定的元素,对于未来有脚本语言创建的元素也会有同样的作用。移除:如果要移除on()事件,请是用off();使用场景:在我的项目中有这样的一种情况,需要动态的添加列表的元素。我在添加元素的时候每次都要为添加的元素bind相应的click等方法。这很让人烦恼,有没有执行一次就可以自动为我没次添加的元素绑定相应的事件呢?只要你是用的是原创 2020-07-02 10:27:44 · 263 阅读 · 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 · 9201 阅读 · 3 评论 -
jQuery实现图片懒加载...
一、什么是图片懒加载当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次),当图片出现在浏览器的可视区域内时,才设置图片真正的路径,让图片显示出来。这就是图片懒加载。通俗一点:1、就是创建一个自定义属性data-src存放真正需要显示的图片路径,而img自带的src放一张大小为1 * 1px的图片路径。2、当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-src的值赋给src。ps:自定义属性可以取任何名字原创 2020-06-12 10:01:37 · 2204 阅读 · 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 · 1198 阅读 · 0 评论 -
target与currentTarget的区别
这两天去面试的两个小伙伴都遇到了一个问题,面试官问到你用jQuery的时候有没有用过target和currentTarget?他们的区别是什么?他们都是一脸懵,平时练习也没有用过currentTarget啊?其实currentTarget这个属性很是鸡肋,其实我们平时也用不到,下面我们通过两个例子说明平时我们为什么用不到:举个例子: <ul> <li>按钮1</li> <li>按钮2</li> <li&g原创 2020-05-26 15:34:21 · 928 阅读 · 0 评论 -
Jquery 清空input file的值
var file = $(obj).parent().find(".fileData"); $(file).val('');原创 2020-05-15 14:11:21 · 2545 阅读 · 0 评论 -
JQuery 常用方法命令汇总
jQuery 选择器选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class ...原创 2020-04-29 09:53:56 · 341 阅读 · 0 评论 -
eval 的作用
eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。语法 eval(string)eval("2 + 2"); //输出 4var a = eval(“5″); 等效于var a = 5;注:如果 eval() 的参数不是字符串, eval() 将会将参数原封不动的返回。...原创 2020-04-23 09:59:12 · 806 阅读 · 0 评论 -
ajax请求的时候get 和post方式的区别
1、get请求不安全,post安全 ;2、get请求数据有大小限制,post无限制 ;3、get请求参数会在url中显示,容易被他人窃取,post在请求体中,不会被窃取;4、post需要设置请求头。...原创 2020-04-20 09:56:03 · 212 阅读 · 0 评论 -
ajax请求的时候get 和post方式的区别
1、get请求不安全,post安全 ;2、get请求数据有大小限制,post无限制 ;3、get请求参数会在url中显示,容易被他人窃取,post在请求体中,不会被窃取;4、post需要设置请求头。...原创 2020-04-16 10:01:46 · 247 阅读 · 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 · 616 阅读 · 0 评论 -
document ready和window onload的区别?
在Jquery里面,我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}),都是在dom文档树加载完之后执行一个函数window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数也就是说$(document).ready要比window.onload先执行。...原创 2020-04-17 10:35:31 · 183 阅读 · 0 评论 -
2020年jQuery笔试题汇总整理
很多人认为属于JQ的时代已经结束了!但是请不要忘记JQ自身还有一项非常牛的优势——兼容性!这是其它框架所不具备的!所以至少目前JQ还是有自己的用武之地的。在这里我将JQ的一些面试题进行了整理,希望对大家有所帮助!1、你为什么要使用jQuery?你觉得jquery有哪些好处?1、因为jQuery是轻量级的框架,大小不到30kb2、它有强大的选择器,出色的DOM操作的封装3、有可靠的...原创 2020-04-15 10:35:19 · 7743 阅读 · 0 评论 -
原生对象和 jquery对象相互转换
原创 2020-04-10 10:07:13 · 351 阅读 · 0 评论