随笔分类 -  jQuery

摘要:jQuery UI所支持的选项卡工具集 jQuery UI插件的选项卡也是一种由一系列容器所组成的工具集,这些容器在同一时刻只有一个被打开。每个内容容器由标题和内容构成,当单击内容容器标题时,就可以访问该容器的包含的内容,每一个标题都作为独立的选项卡出现。对于每一个容器来说,都有与之相关联的选项卡。 阅读全文
posted @ 2019-04-07 15:23 perfect* 阅读(1187) 评论(0) 推荐(0) 编辑
摘要:jQuery UI 插件中的滑动条(Slider)工具集实现图片滑块滚动条的效果 初始效果: 初始代码:html css: 1 <style> 2 3 4 body { 5 font-size: 62.5%; 6 font-family: "Trebuchet MS", "Arial", "Helv 阅读全文
posted @ 2019-04-06 23:16 perfect* 阅读(2705) 评论(0) 推荐(0) 编辑
摘要:在项目的页面中,由于需要经常与用户进行交互。在提交页面的表单的时,如果用户名(文本框)为空,则通过提示框提示用户输入的内容;如果删除记录,同样也需要确认是否删除。如果直接通过JavaScript语言中的alert()方法和confirm()方法实现,不仅不能达到预期的效果,代码还比较复杂,因此我将通 阅读全文
posted @ 2019-04-05 23:31 perfect* 阅读(2310) 评论(0) 推荐(1) 编辑
摘要:若要模拟window系统的“回收站”功能,具体的要求如下: 对于列表中的图片,可以通过拖动或单击“删除”的链接,以动画的方式移至“回收站”。 对于“回收站的图片”,可以通过拖动和单击“还原”的链接,以动画的方式“还原”到图片列表。 最终效果: 在图片列表中,本来当鼠标单击图片时,出现鼠标的移动样式, 阅读全文
posted @ 2019-03-23 15:54 perfect* 阅读(503) 评论(0) 推荐(0) 编辑
摘要:jQuery常用插件 1,jQuery特别容易扩展,开发者可以基于jQuery开发一些扩展动能 2,插件:http://plugins.jquery.com 3,超厉害的插件:validation 、 pickadate、 Echarts、chosen、(编辑器插件) ckeditor在百度上都可以 阅读全文
posted @ 2019-03-17 14:44 perfect* 阅读(1142) 评论(0) 推荐(1) 编辑
摘要:未实现任何功能之前: 实现功能之后: 实现该功能的jQuery核心代码: 实现该二级省市联动的代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jQuery实现省市联动</title> 6 <scrip 阅读全文
posted @ 2019-03-17 12:33 perfect* 阅读(817) 评论(0) 推荐(0) 编辑
摘要:初始时: 实现功能后: 实现该功能的核心代码: 监测在tbody标签下input名为select的是否被勾选: 实现该功能的总的代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>jQuery实现全选与全 阅读全文
posted @ 2019-03-17 11:21 perfect* 阅读(6870) 评论(0) 推荐(0) 编辑
摘要:没加过滤器之前: 加过滤器之后: 总的代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>奇数与偶数过滤器的基本应用</title> 6 <script src="js/jquery-3.3.1.js"> 阅读全文
posted @ 2019-03-17 10:46 perfect* 阅读(1011) 评论(0) 推荐(0) 编辑
摘要:首先设置一个固定的窗口位于右下角,效果如下: 代码: jQuery实现广告弹窗.html 之后将该窗口初始设为隐藏,通过代码实现3秒自动显示,5秒自动隐藏,其效果如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <t 阅读全文
posted @ 2019-03-16 16:19 perfect* 阅读(787) 评论(0) 推荐(0) 编辑
摘要:什么是jQuery? jQuery是一个封装好的JavaScript框架,可以更加简单的实现一些js的功能,里面提供了很多简单易用,功能强大的js。它兼容各个浏览器。 jQuery的文档 jQuery使用前先引入 网页加载完成后要执行的函数几种方式: 第一种: 第二种: 第三种: 第四种: 总结: 阅读全文
posted @ 2019-03-16 15:39 perfect* 阅读(127) 评论(0) 推荐(0) 编辑

$(function() { $('#cnblogs_post_body img').each(function() { let imgSrc = $(this).attr('src'); let year = parseInt(imgSrc.substr(imgSrc.indexOf('g')+1,4)); if(year >= 2022){ imgSrc += `?watermark/2/text/amlndWl5YW4=/font/5a6L5L2T/fontsize/15/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast`; $(this).attr('src', imgSrc) } }) })
点击右上角即可分享
微信分享提示