JQuery
JavaScript和JQuery的区别
一、本质上的区别 1.JavaScript 是通过<script></script>标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言。 2.JQuery是一个JavaScript函数库。或者说是JavaScript中最流行的一种框架。 使用JQuery首先要在 HTML 代码最 ......
JQuery笔记 - JQuery HTML
text()、html()、val()、attr()的使用与其回调函数;append()、prepend()、after()、before()、remove()、empty();addClass()、removeClass()、toggleClass()与css() ......
jquery.qrcode.js 和 jQuery.print.js 简单使用
最近因为需要在前端生成二维码并打印二维码及相关内容,使用了jquery,jquery.qrcode.js,jQuery.print.js来实现 ### 代码 ``` 姓名: 张三性别: 女身份证: 44044019990217444X体检日期: 20230530识别号: 20230530440440 ......
Jquery遍历
HTML文件: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="../JQuery/jquery-1.8.0.min.js"></script> <scri ......
jQuery CSS方法+jQuery盒子模型
http://api.jquery.com/height/ JS文件: $(document).ready(function () { //CSS方法 //第一种写法 //$("div").css("width", "100px"); //$("div").css("height", "100px" ......
原生 js 和 JQuery 语法操作(增、删、改、查)常见的 HTML 元素
如何操作(增、删、改、查)常见的 HTML 元素呢?(包含原生 js 和 JQuery 语法对照) 一、通用的操作示例 1、查询 根据 id 查询(结果为单个对象) // 原生 js 写法 var elementobj = document.getElementById("elementid"); ......
JQuery的认识和安装
jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。 jQuery 库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 ......
jQuery.when的使用
需求:有1000个合同,每次并发处理2个合同(单独对每个合同调用WebAPI接口),每次确保2个合同被处理完毕后等待1秒再继续处理后面2个。 ```javascript // 1000个合同的数组 var contracts = [...]; // 记录当前处理的合同位置 var currentPo ......
jquery/js 根据下拉框选择的值进行按钮展示
学习如逆水行舟,不进则退~ 最近接了一个n年前的老项目增加新功能,本以为手到擒来结果再写页面上的效果时还是翻车了,特此记录一下~ 将近三四年没写jsp的页面了,基本忘光了,现在是要做一个批量下载的功能,但是又要是特定的某一个才有这个功能所以就有了以下的过程。 一、实现效果当我在下拉框选择特定code ......
关于JQuery的选择和过滤
首先,比较简单的我们就不过多陈述,JQuery的选择器类似于css 的选择器,所以在这不做过多陈述。 在这篇文章里,我们主要讨论过滤器的使用; 1.过滤器(Filter):过滤器一般不单独使用,他通常附加在选择器上,帮助我们更精确地定位元素。举例如下: $('ul.lang li:nth-child ......
Jquery Deferred 对比 Promise
javascript处理异步逻辑有多种方式,这里只对比 JQuery的Deferred 和 ES6的Promise。场景是判断网页中所有图片是否加载完(加载异常404也算加载完毕)。 JQuery Deferred 方式 1 var imgdefereds = []; 2 $('img').each ......
关于JQuery的理解和使用方法!
1.为什么JQuery要发明选择器? 回顾DOM操作中我们使用的代码 // 按ID查找: var a = document.getElementById('dom-id'); // 按tag查找: var divs = document.getElementsByTagName('div'); // ......
Vue3 引入 jquery
通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi ......
jquery判断隐藏元素
<p>随着移动端时代的到来,越来越多的网站和应用程序需要接受手机用户的访问和使用。这就需要实现更多的前端交互特效来提高用户体验。在实现这些特效的过程中,我们经常需要控制元素的隐藏和显示,特别是当页面加载时或响应特定事件时。jquery判断隐藏元素是我们实现这些操作所需的一种技术手段。</p><p>j ......
jquery validate实现表单验证 (正则表达式)
jquery validate实现表单验证 (正则表达式) 于 2016-08-03 20:01:24 发布 分类专栏: 原创 javascript 文章标签: javascript jquery 正则表达式 表单验证 validate 版权 原创 同时被 2 个专栏收录 37 篇文章0 订阅 订阅 ......
jquery 给表格添加或删除一行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Jquery操作select汇总
转载:http://www.cnblogs.com/pepcod/archive/2012/07/03/JavaScript.html //Query获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Se ......
05-jQuery基本学习
jQuery基本学习 学习目标 能够知道jQuery的作用及优点 能够知道jQuery的引入方式 能够说出两种jQuery入口函数的写法 能够使用jQuery选择器获取标签元素 能够使用选择器进行标签过滤 能够说出2种选择集转移方法 能够知道获取和设置元素内容的操作 能够知道获取和设置元素属性的操作 ......
jquery select 操作
// jQuery获取Select选择的Text和Value: var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=jQuery("#select_id ......
Ajax详解(不包括jQuery)
Ajax URL URL地址一般由三部分组成 客户端与服务端之间的通信协议 存有该资源的服务器名称 资源在服务器上具体存放位置 客户端与服务端通信过程 请求-处理-响应三个步骤 资源请求方式 客户端请求服务器,最常见get和post请求 get请求通常用于获取服务端资源 post请求通常用于向服务端 ......
jQuery
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do ......
js,jquery吸顶实现与问题解决
一.原生js实现吸顶效果 scrollTop属性:元素的最顶部到窗口顶边的距离。即是滚动条滚动的距离 offsetTop属性:元素到其父层顶部的距离。不能对其进行赋值。设置元素到页面顶部的距离请用style.top属性。 var navBar = document.getElementById("# ......
使用jQuery实现图片懒加载
1,引入jQuery库。 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 2,为需要延迟加载的图片设置data-src属性。 <img src="" data-src= ......
jQuery扩展-noconflict
Extendsindex.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="../../Scripts/jquery-3.4.1.min.js"></script> <sc ......
jQuery AJAX之异步访问和加载片段
HTML文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="../../Scripts/jquery-3.4.1.min.js"></script> <script src="a ......
jQuery效果-淡入淡出-滑动-回调
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="../JQuery/jquery-1.8.0.min.js"></script> <script src=" ......
jquery的$()
jquery的$().each,$.each的区别 在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。 $().each,对于这个方法,在dom处理上面用的较多。如果页面有多个input标 ......
jquery获取input输入框中的值
如何用javascript获取input输入框中的值 HTML <input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME"> 一、jquery方法 通过 name var name = $('input[name="CSD ......
使用Jquery操作input中的值
表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: $(selector).val()//设置值和获取值 看如下HTML结构: <!DOCTYPE html> <html ......