jQuery或JavaScript技术点记录
此专栏是在工作中把遇到的一些常用jQuery或JavaScript技术点进行了记录
一起来学吧
共同学习,共同进度
展开
-
【JQuery】jQuery 根据某两个字段查看某个数组中是否存在该数据
jQuery 根据某两个字段查看某个数组中是否存在该数据,可以通过jQuery的grep方法来筛选数组。原创 2023-06-14 20:17:29 · 342 阅读 · 0 评论 -
【Jquery】使用$.inArray()方法来检查数组中是否存在新元素。如果不存在,则使用push()方法将其添加到数组中。如果已经存在,则使用indexOf()找到其索引,并将其替换为新元素的值
通过Jquery的$.inArray()方法可以检查数组中是否存在元素并进行相应操作。原创 2023-06-14 20:10:42 · 179 阅读 · 0 评论 -
【Jquery】jQuery获取或设置checkbox、radio选中的值、以及判断checkbox、radio是否被选中
【Jquery】jQuery获取或设置checkbox、radio选中的值、以及判断checkbox、radio是否被选中原创 2021-12-06 14:50:55 · 855 阅读 · 0 评论 -
【Jquery】Jquery判断多选或单选题所作答案是否正确
【Jquery】Jquery判断多选或单选题所作答案是否正确原创 2021-12-06 10:53:27 · 940 阅读 · 0 评论 -
【Jquery】Vue+Jquery判断单选题和多选题是否被选中且单选或多选后li class的切换
前言近期在做一个有关用户考试的需求,用户在答题时有单选和多选,且单选或多选用的是同一的ul li,只不过单选时候只能选择其中一项,多选可以选择多项,那么就会涉及到单选或多选选择后切换不同的样式的问题,如下为具体实现实现1、先看一下html代码,注意li部分,li中定义了一个class(item.QuestionID),以及li自己的id,将会通过这两个来实现不同的切换<!--内容 开始--> <div class="L-content L-examination..原创 2021-12-06 10:41:01 · 774 阅读 · 0 评论 -
【Jquery】Bootstrap Table通过jQuery动态新增行
前言在项目中经常会遇到在表格中动态增加行操作,比如考题管理系统,需要动态增加试题行实现代码Html<!-- This script got from www.frontendfreecode.com --><div class="container py-1"> <div class="row"> <div class="col-lg-7 mx-auto"> <div class=.原创 2021-11-11 12:18:37 · 2239 阅读 · 0 评论 -
【Jquery】Jquery判断客户端请求来源于PC端还是移动端
前言随着移动时代趋于主流,很多网站都开发了PC端和移动端,那么通过Jquery判断客户请求来源于PC端还是移动端显得非常重要实现//判断函数function is_mobile() { var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novar原创 2021-08-19 14:18:51 · 773 阅读 · 0 评论 -
【Jquery】Jquery大小写转换
前言前段时间项目上有一个小的需求,需要判断请求地址中是否包含相关字符串,当时把转换方式写错了(大小写没有记清楚),故作记录转换函数var testStr='I Love yoU';testStr.toLowerCase() //将字符串中的所有字符都转换成小写 i love youtestStr.toUpperCase() //将字符串中的所有字符都转换成大写 I LOVE YOU...原创 2021-08-19 14:09:12 · 735 阅读 · 0 评论 -
【jQuery】js拼接html-简单粗暴
前言在项目中有时候需要通过js拼接html,并把结果渲染到某个div中,下面是简单粗暴的方法,记录一下示例 <script> $(function () { //json字符串,具体操作可参考https://blog.csdn.net/liuzhenhe1988/article/details/115179872 var dataListJson = '<%=dataListJson%&原创 2021-03-24 16:33:59 · 1067 阅读 · 0 评论 -
【Jquery】jQuery操作json字符串或json对象
前言很多时候需要将json字符串转换为json对象,然后循环处理,或是将json对象转换为json字符串作为参数传递给相关接口,接下来将介绍几种转换方式假设json字符串为var jsonStr='[{"Id":1,"Title":"张三","Sex":"男"},{"Id":2,"Title":"李四","Sex":"男"}]';假设json对象为varjsonObj=[{"Id":1,"Title":"张三","Sex...原创 2021-03-24 16:24:36 · 1174 阅读 · 0 评论 -
【Jquery】Jquery动态加载css文件
前言很多时候我们需要在页面中引用外部的css文件,下面将介绍一下如何通过Jquery动态加载css文件方式一(Jquery)var cssFileUrl='../css/home.css';if (cssFileUrl) { $("<link>") .attr({ rel: "stylesheet", type: "text/css", href: cssFileUrl }) .appendTo("head");}方式二(.原创 2021-03-04 14:43:59 · 2578 阅读 · 1 评论 -
【Jquery】jQuery获取div或其他页签中某个属性的值
前言在div或其他页签中自定义一个属性,并且给此属性赋予值,如下方式可以通过Jquery获取该属性的值方法1、 div元素<div class="leftmenuorgtxl_active" orderid="1">企业名称</div>2、获取该div中orderid的值$(".leftmenuorgtxl_active").attr("orderid")3、最终结果为...原创 2021-03-03 10:52:13 · 3025 阅读 · 0 评论 -
【Jquery】Jquery操作table表格详细说明
函数说明//eq:获取子元素索引从 0 开始$("#tableid tr th:eq(1)").remove();//第二列//nth-child:获取子元素从 1 开始$("#tableid tr td:nth-child(2)").remove();//第二列行操作1、隐藏行$("#tableid tbody tr:eq(3)").hide(); //隐藏第四行,行索引从0开始//隐藏第二行的方式$("#tableid tr:gt(0):eq(1)").hide();//原创 2021-01-08 12:31:37 · 1717 阅读 · 0 评论 -
【jQuery】jQuery操作class详细说明
1、给指定目标添加class:addClass<div id="headerDiv" class="divcss1"></div><script> $('#headerDiv').addClass('divcss2');</script>//执行后div headerDiv有两个class:divcss1和divcss22、删除指定目标中的class:removeClass<div id="headerDiv" clas原创 2021-01-07 16:16:19 · 1062 阅读 · 1 评论 -
【Jquery】Jquery给div设置背景图片
需求:给class为aboutBnner1的div设置背景图片,具体实现如下1、html代码<!--bnner--><div class="aboutBnner1 left"> <div id="bannertextDiv" class="bannertext"></div></div>2、css样式.aboutBnner1{ width: 100%; height: 100px; backg原创 2021-01-07 15:58:30 · 2540 阅读 · 2 评论 -
【Jquery】js中通过new Date(“yyyy-MM-dd“)初始化日期时报错的解决方案,以及new Date()传递参数所支持的格式描述
前言js中通过new Date()初始化日期时,如果格式为yyyy-MM-dd hh:mm:ss直接报错,如下为不正确写法var datestr="2017-10-14 10:30:20";var date=new Date(datastr);var day=date.getDay(); //获取不到,直接返回NAN解决方案通过.replace(/-/g,"/")方法把yyyy-MM-dd替换为 yyyy/MM/dd即可,完整代码如下var datestr="2017-1.原创 2020-11-14 12:31:25 · 6199 阅读 · 0 评论 -
【Jquery】根据条件对json数组进行搜索或筛选(精确查找和模糊查找)
前言this.organiztionList为json数组,如:this.organiztionList = [ { OrganizationId: 1, OrganizationName: "集团总部", OrganizationOrder: 1, OrganizationWebUrl: "", OrganizationParentId: 0, OrganizationParentName原创 2020-11-10 15:29:33 · 4211 阅读 · 0 评论 -
【.Net Core】在.net core中调用web api并将json字符串传递给post方法(其中也包含通过ajax调用web api的方法)
前言在很多业务场景中经常会遇到调用web api接口,并且把参数传递给web api,下面将一起了解一下如何在.net core中调用web api,并且将json字符串传递给post方法环境和组件环境:.net core组件:RestSharp(可以通过NuGget组件包添加到项目组)具体实现1、web api方法//注意:.net core web api支持dynamic,实例中是将请求过来的json字符串转换为了list[HttpPost("SyncNews"原创 2020-10-21 15:39:36 · 2249 阅读 · 0 评论 -
【jQuery】jQuery获取Input标签自定义属性的值
前言在工作中经常会遇到获取input中自定义属性的值,比如<input type="text" id="username" data="值" />,那么该如果获取data的值呢?实现方法js方式:var data = document.getElementById("username").getAttribute("data");jquery方式:var data = $("#username").attr("data");...原创 2020-09-29 15:46:23 · 3271 阅读 · 0 评论 -
【tableExport】tableExport.js 导出excel时如果有负数或是空值导出后的数值前面会自动加上单引号解决方案
前言在使用tableExport.js把数据导入到excel时候,如果有负数或是空值导出后数值前面会自动加上单引号,可以通过如下方式解决解决方案修改源码 :修改 tableExport.js2068 行,把 该行注释后 ,另起一行 return string; function preventInjection (string) { if ( string.length > 0 && defaults.preventInjection === ...原创 2020-09-29 14:47:27 · 768 阅读 · 1 评论 -
【jQuery】jQuery获取url中的参数
说明通过此函数可以获取浏览器url中参数的值,如果没有该参数直接返回null代码/** 获取问号传参过来的数据* name为参数名称* 返回参数值(Value)*/function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match.原创 2020-09-28 08:07:02 · 978 阅读 · 0 评论 -
【jquery】js对日期进行操作(如:增加或减少月数、天数、小时数等)
说明通过以下方法可以对某一个日期增加或减少月数、天数、小时数等代码//date为日期格式 value为需要增加或减少的月数或天数等//value为正数时时增加,为负数时时减少//增加月 function AddMonths(date, value) { date.setMonth(date.getMonth() + value); return date;}//增加天function AddDays(date, value) { d.原创 2020-09-27 13:45:36 · 1493 阅读 · 0 评论 -
【jQuery】js获取两个时间之间的时间差(天数、小时数、分钟数、秒数)
说明在一些业务中经常会有通过两个日期计算日期间的天数、小时数等,可以参考一下代码代码/* * 获得时间差,时间格式为 年-月-日 小时:分钟:秒 或者 年/月/日 小时:分钟:秒 * 其中,年月日为全格式,例如 : 2010-10-12 01:00:00 * 返回精度为:秒,分,小时,天*/function GetDateDiff(startTime, endTime, diffType) { //将xxxx-xx-xx的时间格式,转换为 xxxx/xx/xx的格式 .原创 2020-09-27 13:41:31 · 7721 阅读 · 0 评论 -
【jQuery】js自定义日期或时间格式
说明在一些业务中,经常会遇到日期或时间格式的转换,如下代码为在实际情况中会经常用的格式代码//type 为需要自定义的格式//Ns为时间,需要将日期转换为时间,如: var nS = new Date().getTime();//其中用到了getTimezoneOffset时区转换的方法,如果用不到,可以直接删除function getLocalTimeFormat(type,nS) { var ms=new Date().getTimezoneOffset() * 60*100原创 2020-09-27 13:36:52 · 761 阅读 · 0 评论 -
【jQuery】jQuery本地时间与世界时间时差转换
概念理解格林威治时间格林威治子午线上的地方时,或零时区(中时区)的区时叫做格林威治时间,也叫世界时。(更多详细的概念不说了,这里我们不需要。) 比如我们中国是东八区,北京时间是(GMT+08:00)获得本地与格林威治时间的时差:new Date().getTimezoneOffset(),单位为分钟。已知格林威治时间,换算本地正确时间本地时间 = 格林威治时间 - 时差已知本地时间,换算对应格林威治时间:格林威治时间 = 本地时间 + 时差已知本地时间,换算其他时区的时间原创 2020-09-27 13:31:46 · 912 阅读 · 0 评论 -
【jQuery】如何获去select被选中option的value和text值
JavaScript原生的方法1:拿到select对象: var myselect=document.getElementById(“test”);2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index3:拿到选中项options的value: myselect.options[index].value;4:拿到选中项options的text: myselect.options[index].te原创 2020-09-27 11:30:59 · 329 阅读 · 0 评论