下班之前终于搞定了使用$.ajax增加的动态元素获取不到的问题，原来是使用.on方法（老版本是.live），这里记录一下，顺便赞一下jQuery，通过使用getJSON,.append,.empty等，...唯一的一点就是版本太多了，最新版本支持的浏览器对于中国用户来说是个噩梦。...我是用法 $('#parent').on("click", "#child", function() {});//#parent是非ajax方式生成的，#child是ajax回来的数据...append到#parent的 我的代码 $('#taskComments').on("mouseenter", "#taskComment", function(){
1、返回顶部按钮 通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画： // Back to top $('.top').click(function...ID或类替换标签来检查某个特定的图像是否被加载。...HTML元素，这样它就可以运行工作了。...修复的时候要小心这个问题。 12、通过文本查找元素 通过使用jQuery中的contains() 选择器，你可以找到元素内容的文本。...(); $elem.html('bla'); $elem.otherStuff(); 链式和高速缓存的方法都是jQuery中可以让代码变得更短和更快的代最佳做法。
背景介绍 我们注册一个账号，经常会用到步骤条填写资料，本题需要使用 jQuery 去实现步骤条表单的切换。...页面，当前点击下一页的按钮，不会切换到第二页表单，效果显示如下所示： 目标效果 请补充 js/index.js 文件中的代码，实现点击按钮页面上的表单可以切换（表单的切换操作，只能使用 display...在 css/style.css 文件中，对表单和步骤条的样式进行了设置，使用 :not 选择器和 display:none 实现了分步骤表单的显示/隐藏效果。...要求规定 请勿修改 index.html、css/style.css、jquery-3.6.0.min.js 文件中的任何内容。 表单的切换操作，只能使用 display 属性来控制。...#progressbar li:before 和 #progressbar li:after：使用伪元素创建步骤条的数字和连接线。
jQuery 对象与dom 对象时可以相互转换的，转换之后它们就可以相互调用了 jQuery 选择器 注意，如果获取到多个元素将是一个数组，可以直接用数组的属性方法，比如 length 当前元素： 1...$(this) ：当前 HTML 元素 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。...3 $("p#demo") :选取有 id="demo" 的 元素。 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。...toggle() 对被选元素进行隐藏和显示的切换 jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。...hasClass() 检查匹配的元素是否拥有指定的类。 html() 设置或返回匹配的元素集合中的 HTML 内容。 insertAfter() 把匹配的元素插入到另一个指定的元素集合的后面。
在新窗口打开外部链接 找到文本元素 切换可视与隐藏的触发器 Ajax 调用的错误处理 链式操作 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法...'); }); 你也可以通过把 img 标签替换成 ID 或 class，来检查特定图片是否加载完成。...Hover 上的 Class 切换 如果用户的鼠标悬停在页面上某个可点击元素时，你想要改变这个元素的视觉表现。...，查看脚本是否在必须的 HTML 中正常工作。...通过文本找到元素 通过使用 jQuery 中的 contains() 选择器，你可以找到某个元素中的文本。
注意：使用JQuery一定要记得引入，否则会$报错回忆：outline: none; //去掉输入框默认的边框decodeURI(arr[1]) //解码中文str.split('&')----BOM...----一、JQuery：一个快速、简洁的JavaScript库，设计的宗旨"write less,Do More"1、简介（1）JavaScript库：一个封装好的特定的集合（方法和函数），该库里封装了很多定义好的函数...的别称console.log($);//相当于console.log(jQuery);需要用jq的方法必须把元素对象包裹成jq对象$(标签对象)变成jq的对象【单独的标签对象不可以用jq方法，只有用$包裹变成...jq的对象才可以用方法】三、常用API（jQuery 选择器 | 菜鸟教程）1、选择器原生js获取方法有很多，且具有兼容性，jq来给封装，获取元素方法统一标准【放到肚子里面去】（1）格式$('选择器')...元素（伪数组的形式存储）的过程【给匹配的元素进行循环遍历，方便调用】（１）获取当前点击下标：$(this).index()（２）获取指定元素：$('元素').eq(index) <ul
jQuery 判断元素上是否绑定了事件 //jQuery event封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件 var $events = $("#foo").data("events...还要记住的一点是， //针对于你的页面上的元素的操作越具体化， //就越能降低执行和搜索的时间。...has()来检查某个元素是否包含某个类或是元素： //jQuery 1.4....var el = $('#id'); el.html(el.html().replace(/word/ig, '')); 如何在一段时间之后自动隐藏或关闭元素（支持1.4版本）： //这是1.3.2...1.4中可以使用delay()这一功能来实现的方式（这很像是休眠） $(".mydiv").delay(5000).hide('blind', {}, 500); 如何把已创建的元素动态地添加到DOM
(1算起) first()，获取第一个元素 last()，获取最后个元素 hasClass(class)，检查当前的元素是否含有某个特定的类，如果有，则返回true。...map(callback)，将一组元素转换成其他数组（不论是否是元素数组） has(expr|ele)，保留包含特定后代的元素，去掉那些不含有指定后代的元素。...map(callback)，将一组元素转换成其他数组（不论是否是元素数组） has(expr|ele)，保留包含特定后代的元素，去掉那些不含有指定后代的元素。...one 绑定一次事件 绑定和解绑 在文档装载完成以后,如果打算为元素绑定事件来处理完成某些操作,则可以使用 bind()方法来对匹配元素进行特定的事件绑定,bind()方法的调用格式如下: bind...该方法的作用是获取到光标相对于页面的x坐标和y坐标.如果没有使用jquery时,那么IE浏览器中 是使用event.pageX()和event.pageY()方法.如果页面上有滚动条,则还要加上滚动条的宽度和高
,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.confirm() 弹出确认框...: history: 历史(当前窗口的历史) window.history.length 获取历史页面数量 history.back() 返回上一页面 history.forward() 前往下一页面.../height 获取屏幕的分辨率 navigator 帮助/导航 navigator.userAgent 获取浏览器的版本信息 ###事件 什么是事件: 系统给提供的一些特定时间点, 事件包括:鼠标事件...DOM相关内容在jQuery框架中基本实现了全覆盖,所以只需要掌握jQuery框架的使用方式即可 ###jQuery框架 这是一个通过js语言所写的框架,对原生js语言进行封装,作用:提高开发效率...,可以将js代码和html代码分离 btn.onclick = function(){ alert("动态绑定成功!")
在Google里搜索"jQuery 培训"，此书排在第一位。jQuery官方团队已经同意，把此书作为官方教程的基础。 这本书虽然是入门教材，但也足足有100多页。...我对它做了一个详细的笔记，试图理清jQuery的设计思想，找出学习的脉络。我的目标是全面掌握jQuery，遇到问题的时候，心里有底，基本知道使用它的哪一个功能，然后可以迅速从手册中找到具体的写法。...： $('p').after($('div')); 表面上看，这两种方法的效果是一样的，唯一的不同似乎只是操作视角的不同。...不必选中元素，就可以直接使用这些方法。 如果你懂得Javascript语言的继承原理，那么就能理解工具方法的实质。...它是定义在jQuery构造函数上的方法，即jQuery.method()，所以可以直接使用。
如果元素是可见的，切换为隐藏的；如果元素是隐藏的， 切换为可见的。...这个动画效果只调整元素的高度，可以使匹配的元素以"滑动"的方式隐藏起来。...这个动画效果只调整元素的高度，可以使匹配的元素以"滑动"的方式隐藏或显示。...JQuery Traversing 方法说明 eq( index ) 从匹配的元素集合中取得一个指定位置的元素，index从0开始 filter( expr ) 返回与指定表达式匹配的元素集合，可以使用...JQuery Utilities 方法说明 jQuery.browser .msie 表示ie jQuery.browser.version 读取用户浏览器的版本信息 jQuery.boxModel 检测用户浏览器针对当前页的显示是否基于
确保将其放在标签或页面内容的顶部。二、基本语法 jQuery使用CSS选择器来选择HTML元素，并提供了一组方法来操作所选元素。...selector是要选择的HTML元素，而method()则是要对选择的元素执行的方法。三、选择器 jQuery的选择器功能类似于CSS选择器，可以根据元素的ID、类名、标签名、属性等进行选择。...ID选择器 使用#符号后跟ID名称来选择具有特定ID的元素。$("#myElement").hide();上述代码将隐藏ID为myElement的元素。...元素选择器 使用元素名称来选择特定的HTML元素。$("p").hide();上述代码将隐藏所有标签的元素。属性选择器 使用方括号[]来选择具有特定属性的元素。...$("p").css("color", "blue");上述代码将将所有标签的文本颜色设置为蓝色。隐藏和显示方法 使用hide()方法可以隐藏元素，而show()方法可以显示元素。
实现上述两个功能当然可以使用原生js来完成，但在实际开发过程中很少这样做，通常会使用一些别人封装好的js库来辅助我们的工作，jQuery就是这些辅助库中的一员。...-- : 说明 :hidden $("label:hidden")，所有隐藏的label元素，返回类型是DOM元素数组 :visible $("lable:visible")，所有可见的label元素，...返回类型是DOM元素数组 :first $("p:first")，选择页面上的第一个p元素 :last $("p:last")，选择页面上的最后一个p元素 :even $("tr:even")，选取页面上索引为偶数的...对象才可以调用，DOM对象不能调用。...')设置元素文本为str html() 和text类似，不同之处是html()可以使用html样式，$('p').html('p'),p标签上显示粗体字母p val() 针对input使用
DOCTYPE html> 声明文档类型为 HTML5。 html> 是整个 HTML 文档的根元素。...引入了 jQuery 库文件 js/jquery-3.6.0.min.js，以便在 JavaScript 中使用 jQuery 提供的功能。...遍历页面中 body 内的所有元素，获取其文本内容，检查 translation 对象中是否有对应的翻译文本，如果有则更新元素的文本内容。...，返回一个包含项目信息的 HTML 字符串，用于生成页面上的项目列表项。...为 “加载更多” 按钮添加点击事件监听器，每次点击加载下一页的 15 条项目数据，并在数据全部加载完后隐藏按钮。
选择同元素类型的随后一个子元素 :nth-of-type 选择同元素类型的第n个或奇偶元素,n的值为"整数或odd或even" :only-of-type 匹配父元素中特定类型的唯一子元素(该父元素可以有多个子元素...");//设置HTML内容 }); }); 对元素的值进行操作 在jQuery中，使用val()方法返回或设置被选元素的value属性。...元素的显示与隐藏 使用hide()方法 使用hide()方法可以隐藏被选元素 $(document).ready(function () { $(".ex .hide...元素的淡入与淡出 使用hide()与show()方法 show和hide方法可以接受参数控制隐藏的过程.: show(speed,callback) speed参数规定显示或隐藏的速度: - slow...提供的事件触发器之一，其作用是对页面上所有匹配的元素触发某一类型的事件。
作为一款JavaScript库，JQuery不仅使得代码书写更为优雅，还提供了一系列便捷的方法，让我们轻松地操纵HTML元素。...获取和设置属性值 在JQuery中，我们可以使用attr()方法来获取或设置元素的属性值。这个方法接受两个参数，第一个是要操作的属性名，第二个是可选的属性值。...控制元素的显示与隐藏 通用属性操作也为我们提供了方便的方法来控制元素的可见性。通过display属性的控制，我们可以轻松实现元素的显示和隐藏。...隐藏元素 // 隐藏元素 $("#myElement").hide(); hide()方法将元素的display属性设置为none，使得元素在页面上不可见。...小结 通过本篇博客，我们深入了解了JQuery DOM操作中的通用属性操作。这项技能使得我们能够轻松地操纵HTML元素，无论是修改属性值、处理样式，还是控制元素的可见性。
AJAX Utilities 环境准备 在网页中使用 jQuery 可以使用以下方法： 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载...jQuery 基本语法 通过jQuery 可以对元素查询修改操作，也可以添加事件。...基本语法结构 美元符号定义 jQuery 选择符（selector）”查询”和”查找” HTML 元素 jQuery 的 action() 执行对元素的操作 $(selector).action()...隐藏和显示 jQuery 提供了隐藏和显示元素的基本方法 hide() 隐藏元素 show() 显示元素 toggle() 切换显示和隐藏 示例 如果你点击“隐藏” 按钮，我将会消失...}) }); 但是通过id定位的元素，只会绑定第一个，因为一般id在页面上具有唯一性，不要重复，通过id查找的元素，只返回第一个 点我 <button
这个动画效果只调整元素的高度，可以使匹配的元素以”滑动” 的方式隐藏起来。...检测用户浏览器针对当前页的显示是否基于w3c CSS的盒模型 jQuery.isFunction(obj) 检测传递的参数是否为function function stub() { } var objs...普通的dom对象一般可以通过$()转换成jquery对象。 如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。....innerHTML; 3、如何获取jQuery集合的某一项 对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而...，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。
前言 我想实现一个登录功能：登录的接口是另外一个地方提供，页面上点登录按钮的时候，先访问登录接口，根据接口返回json信息判断是否登录成功，登录成功页面跳转，登录不成功，在登录首页显示失败原因 登录页...写个简单的登录页面，页面上添加一个点击区域方便调试代码：点这里调试ajx <!...页面跳转 jQuery实现页面跳转的几种方法: 1.我们可以利用http的重定向来跳转 window.location.replace(“https://www.cnblogs.com/yoyoketang.../“); 2.使用href来跳转 window.location.href = “https://www.cnblogs.com/yoyoketang/“; 3.使用jQuery的属性替换方法 $(location...，直接在页面上id=”msg”的p标签写一个文本： $("#msg").text(result.msg) 最终html 加个if判断，当页面上username和password为空的时候不提交请求 <!
在这篇博客中，我们将深入研究JQuery DOM操作中的CRUD操作，揭示这段前端魔法的神奇之处。 JQuery的奇妙魔法 JQuery，就像是一位能够驾驭HTML元素的奇妙魔法师。...增：Create操作 在前端开发中，Create操作通常指的是动态地向页面中添加新的元素。通过JQuery，我们可以轻松实现元素的创建和插入。...隐藏元素 // 示例：隐藏某个元素 $("#elementToHide").hide(); 通过hide()方法，我们可以隐藏某个元素，使得它在页面上不可见，但并没有从DOM中移除。...以下是一些常见场景： 动态加载数据 通过AJAX技术，我们可以从服务器异步加载数据，然后使用Create操作将数据动态地显示在页面上。...在进行CRUD操作时，有一些小贴士值得我们注意： 事件委托 在处理大量元素时，可以使用事件委托来提高性能。
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
