JQuery
快速了解jQuery
前置知识:HTML、CSS、JavaScript。 什么是jQuery? jQuery 是一个轻量级的"写的少,做的多"的JavaScript 函数库,为开发者提供了一组丰富的工具和API,用于简化JavaScript编程。它可以帮助开发者轻松地选取HTML元素、处理事件、实现动画、创建AJAX请求 ......
jQuery轮播图(模仿滑动窗口算法)
``` const status = [ "left:0px;", "left:10px;", "left:20px;", "left:30px;", "left:40px;", ]; const list = $("#carousel > ul > li"); const len = list.l ......
JQuery获取本地时间和服务器时间
我们都知道直接使用 new Date() 获取到的是访问当前网站的客户机本地的时间,有的时候这个时间有可能因为人为修改,主板电池没电等原因导致获取到的时间不准确。因此,在开发中,需要获取当前时间进行操作,应该直接使用JS获取服务器的时间。 获取本地当前时间(时间戳): var nowTime = n ......
jquery.liMarqee.js无缝滚动的使用问题
引入 jq、liMarquee.js 和 liMarquee.css 文件 <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="./js/jquery.liMarquee ......
jQuery效果-隐藏与显示
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="../../Scripts/jquery-3.4.1.min.js"></script> <script src="Index.js ......
jQuery HTML-删除元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="../../Scripts/jquery-3.4.1.min.js"></script> <script src="delete.j ......
jQuery HTML之添加元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="../Scripts/jquery-3.4.1.min.js"></script> <script src="AddContent. ......
基于JQuery实现业务流图
最近接手了一个需求,需要将一个业务流中各个系统间交互信息用时间轴方式(设计原型我觉得是基于时间轴)展现出来,正常交互的接口圆点为绿色,未交互的接口圆点为灰色,交互异常的接口圆点为红色,且圆点不仅要展示接口名称,还要请求和响应时间,并且时间后面要跟着可点击链接,在业务流图右边展示交互报文内容。看到这种 ......
[Jquery DataTable] 生成模板文件
以前生成模板文件,都是在后端放一个文件,前端提供一个链接地址。碰巧看到用DataTable来生成模板文件的方式,特此记录下。 原理:创建一个空数据的DataTable,提供导出按钮功能,并隐藏DataTable。页面上就只会显示一个按钮,不显示DataTable. <!DOCTYPE html> < ......
jQuery 在图片和文字中插入内容(多种情况考虑)
昨天接到一个新的需要,在后台文章编辑器中,每一个文章的正文前面,可以单独添加一个电头字段,但是如果在富文本编辑器中最上面就添加图片的话,图片就会把电头和正文中的文字给隔开。需要做的是获取到电头字段,然后在正文中的文字部分的最前面插入电头字段。具体看下图: 原始的代码: <div class="det ......
dtcloud使用jquery和echarts
如何在dtcloud中构建前端页面,本文主要介绍在dtcloud中如何使用jquery和echarts等插件 dtcloud中内置了jquery和 Bootstrap的css样式,可以直接使用,并且dtcloud可以解析sass语法,方便大家编写样式,而echarts等文件需要单独加载引入 项目目录 ......
jquery validate 例子延伸--如何使用classname而不是name来验证
可用例子一: 底下内容摘自链接:http://jsfiddle.net/Nbcj9/ 可用例子二: 底下内容摘自:http://jsfiddle.net/rq5ra/1/ <form id="myform"> <input type="text" name="field_1" class="num" ......
2023.3.2 JQuery CSS 样式操作与jQuery 动画
CSS 样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除,没有就添加样式。 offset() 获取和设置元素的坐标。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transition ......
2023.3.2 jQuery 事件操作
jQuery 事件操作 js中的$( function(){} ); 和原生js中的 window.onload = function(){} 的区别? 他们分别是在什么时候触发? jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。 原生 js 的页 ......
2023.4.23 jQuery 的属性操作与DOM 的增删改
jQuery 的属性操作 jQuery 属性操作 html() 它可以设置和获取起始标签和结束标签中的内容。 跟 dom 属性 innerHTML 一样。 text() 它可以设置和获取起始标签和结束标签中的文本。 跟 dom 属性 innerText 一样。 val() 它可以设置和获取表单项的 ......
2023.4.23 jQuery 选择器与元素筛选
jQuery 选择器(重点) 基本选择器(重点) 查看jQueryAPI_1.7.1_CN.chm文档 #ID 选择器:根据 id 查找标签对象 .class 选择器:根据 class 查找标签对象 element 选择器:根据标签名查找标签对象 选择器:表示任意的,所有的标签对象 selector ......
Jquery mobile 写html时文字太长无法自动换行
Jquery mobile 写html时文字太长无法自动换行。 Jquery mobile 1 篇文章0 订阅 订阅专栏 加上这个 style="word-wrap:break-word;word-break:break-all;" 或者 style="word-wrap:break-word;ov ......
# jquery # form表单上传文件
form表单上传文件 <form action="/upload/" method="post" enctype="multipart/form-data"> 头像: <input type="file" name="head-pic"> 用户名: <input type="text" name=" ......
前端之jQuery
jQuery简单介绍 jQuery它的内部封装了很多的js代码,并且额外增加了很多功能。它就是js 的一个类库。与python相比较,在python中,我们有模块这个概念,js中的类库就相当于是我们的模块。 jquery是对js的一个高度封装,我们直接学习封装之后的代码。 jquery介绍 jQue ......
jquery DOM型漏洞
1、漏洞介绍 漏洞编号:CVE-2016-7103、CVE-2015-9251、CVE-2014-6071、CVE-2012-6708、CVE-2011-4969 漏洞环境:jquery 影响范围: 1.x系列版本等于或低于1.12的jQuery 2.x系列版本等于或低于2.2的jQuery 漏洞原 ......
jQuery的遍历-prev()和next()方法(购物车数量加减)
jQuery的遍历-prev()和next()方法 <div class="box" id="box"> <a href='#' class="a"> <input type="text" class="atxt" value="1"> <a href='#' class="b"> </div> < ......
jQuery事件
事件 鼠标事件 w3c查阅 常见事件 mouseover 悬浮事件 mousemove 移动事件 mouseout 移除事件 keydown 按下事件 keypress 持续按住事件 keyup 松开按键事件 //悬浮事件 $('div').mouseover(()=>{ alert('1'); } ......
jquery
jQuery 教程 | 菜鸟教程 (runoob.com) 1、介绍 是一个js库,极大简化了js编程。 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> 2、语法 jQuery 语法是通过 ......
ajax-jquery
1、介绍 jquery支持ajax,需要导入jsqury库后使用。 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> 2、load load() 方法从服务器加载数据,并把返回的数据放入被选元素中 $(sele ......
事件 jQuery 选择器 筛选器 样式操作 CSS操作 文本操作
事件 事件可以理解为:给HTML标签添加了一些额外的功能,并且能够触发JS的代码运行 1.事件就是达到某个触发条件,自动触发的动作 2.常用的事件 1.onclick:当用户点击某个对象是调用的事件句柄 2.onfoucus:元素获取焦点 3.onblur:元素失去焦点 4.onchange:域的内 ......
jQuery
jQuery 优点 1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do ......
jquery遍历节点
<table> <tbody> <tr> <td> <table> <tbody> <tr class="s"> <td class="d"><div id="L_20">0</div></td> <td class="d"><div> </div></td> <td class="d"> ......
jQuery
jQuery # jQuery它的内部封装了很多的js代码,并且额外增加了很多功能 >它就是js 的一个类库 '''在python中,我们有模块这个概念,js中没有模块的概念,与类库的概念,类库就相当于是我们的模块''' # 使用了jquery我们能够写更少的js代码了,所以,以后我们也大多时候都会 ......
Jquery实现复选框的选中和取消
复选框的选中与取消 我在网上看了好多关于这个问题的解答,好多都是一两个按钮的触发事件,有的甚至没有任何效果,经过自己的调试发现这个方法好用一点: 首先我在页面上添加了这样一个复选框 我的复选框是动态加载的,内容是从数据库加载的。 显示的效果图就是以上这样的。 代码 $("#inputc").clic ......
jquery教程练习
本次练习参考的是w3cschool,可以参考w3cschool的官方文档: https://www.w3cschool.cn/jquery/jquery-examples.html 1.Jquery简单介绍 jQuery 库可以通过一行简单的标记被添加到网页中。 1.1 jquery简介 1.1.1 ......