jQuery
关注
分享
扫一扫
jQuery是一个JavaScript函数库。 jQuery是一个轻量级的“写的少,做的多“的JavaScript库
尔嵘
愿你阳光下像个孩子，风雨里像个大人。
展开
-
jQuery总结和使用
1.jQuery是什么？jQuery是一个快速、小且功能丰富的JavaScript库。它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单，并提供了一个跨多种浏览器的易于使用的API。jQuery 库包含以下特性：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities2.jQuery的安装和使用？（1）下载到本地，并且根据本地路径引入： &l原创 2022-01-21 14:42:23 · 492 阅读 · 0 评论 -
jQuery中插入新的标签并获取值
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>看新闻</title> </head> <body> <div id="aa"> <input type="text" class="aaaaa" value="" /> </div> <button oncli.原创 2022-01-04 13:17:13 · 610 阅读 · 0 评论 -
jq.1.10.2.min.js中报错最后一行得解决办法
最早引入：http://www.htmleaf.com/js/jquery/1.10.2/jquery.min.js可能是引入得jq有问题，引入正确的就好了。换个官方得版本：https://code.jquery.com/jquery-1.10.2.min.js原创 2020-09-17 17:58:16 · 519 阅读 · 0 评论 -
jQuery中input[type=file] 将符合格式为.tar.gz的文件进行上传
首先我没有使用form里边去处理，而是单独事件去处理对应的。<div class="form-group"> <input type="file" id="exampleInputFile" name="archive" style="display: inline-block; width: 220px;"> <button type="button" style="display: inline-block;" name="restore" value="恢原创 2020-09-15 15:35:06 · 1151 阅读 · 0 评论 -
jq根据ajax返回的值修改select选中的值
这个地方的写法是非常多的，不止一种，可以通过val()、prop()、attr()html：<select name="wantype" class="form-control" style="display: inline-block; vertical-align: middle;width: 150px;"> <option <%=static_sel%> value="0">静态IP</option> <option <%=d原创 2020-09-03 09:19:02 · 965 阅读 · 0 评论 -
jQ常见的form表单获取值（checkbox、text、select）
用惯了vue，直接数据绑定，不需要那么麻烦；但最近遇到一个项目，不得不使用jQ,所以操作dom变得习以为常，经常要获取某个元素的parent().parent()...,也需要获取大量表单的值。1.关于checkbox：<input type="checkbox" name="enable" onclick="openEnabele()" chee /> attr()方法用于设置或返回被选元素的属性值； prop()方法用于获取匹配元素集合中的第一个元素的属性值；（1）判断是..原创 2020-09-01 10:56:18 · 1436 阅读 · 0 评论 -
jQ实现带朦层得对话框dialog
如何使用jQuery实现一个带朦层得对话框呢？快速简易制作！原创 2020-08-28 09:21:14 · 357 阅读 · 0 评论 -
jQ对table表格中的包含checkbox的行进行删除，新增
表格内容：<div class="table-responsive" data-pattern="priority-columns"> <table id="portMappingTable" class="table vm table-small-font no-mb table-bordered table-striped" style="overflow: auto;"> <thead> <tr>原创 2020-08-26 16:38:59 · 328 阅读 · 0 评论 -
jQ封装请求get和post请求
jq中封装ajax 的get或者post请求： 新建utils下的request.js// 请求得封装头部var commomUrl = "https://www.tianqiapi.com"; // 公共前缀urlvar commonHeader = { // 公共header "Accept": "application/json", "Authorization": "Bear " + "..." } //公共ajax封装 function ajax(url, typ..原创 2020-08-24 10:44:40 · 1782 阅读 · 0 评论 -
jQ实现鼠标移入移出事件
当有多个相同的label标签时，当我鼠标移入标签时显示的突出显示效果。HTML：<li style="overflow-y: scroll;overflow-x: scroll;"><label style="display:inline-block;border-bottom: 1px solid #ccc;width: 120%;height:40px;lin...原创 2019-12-25 15:31:56 · 5057 阅读 · 1 评论 -
jq如何实现添加一个div块，包括div块中的其他元素
a = '<li style="list-style-type: none;"><p><img style="margin-right: 10px;vertical-align:middle;" src="images/imgno.png" /><a style="background-color: lightgray;margin-righ...原创 2019-11-27 14:20:30 · 1595 阅读 · 3 评论 -
jQ中动态创建的元素不能直接进行操作
问题：如下代码js中动态创建的元素实现不了点击事件：//画面属性下的网格线 var showMoreImg = document.createElement('img'); showMoreImg.className = "content_one"; showMoreImg.setAttribute('border', '0'); showMoreImg.setAttribute('...原创 2019-11-25 17:53:39 · 428 阅读 · 1 评论 -
jQuery实现点击切换加减号切换和内容的展开收缩
最近看到了这样一个需求，也算是一个很简单的吧，效果如下：于是结合jQ,自己写论文一个类似功能的：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jq实现点击+-号切换且内容对应的展开与收缩-2019.11.23</title> ...原创 2019-11-23 16:29:52 · 1663 阅读 · 1 评论 -
jQuery中的get和post请求
学了原生js中Ajax的get和post请求，不知道有没有弄懂，原文链接：请戳我那么jQuery中的get和post请求又是什么样子的呢，我们一起来看一下。jq中的get请求示例：div.className = "content";let queryParams = {//传给后台需要的参数 page: 1, limit: 100000, prjId: "1196733073...原创 2019-11-23 10:33:34 · 1184 阅读 · 1 评论 -
关于Highcharts.js图表库的使用与举例
第一部分关于Highcharts.js图表库：1、简介：Highcharts是一款纯javascript编写的图表库，能够在Web网站或Web应用中添加交互性的图表，现在官方的最新版本为API 文档更新到 5.0.7啦。2、图表类型丰富：1 曲线图 2 区域图 3 饼图 4 散点图 5 气泡图 6 动态图表 7 组合图表...原创 2019-08-06 17:44:59 · 1251 阅读 · 0 评论