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