![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jq
撑起自己半边天
这个作者很懒,什么都没留下…
展开
-
js正则去掉HTML所有标签
js正则去掉HTML所有标签var test = document.getElementsByTagName('body')[0].outerHTML;var all = test.replaceAll(/<[^>]+>/g,"");原创 2021-08-17 09:12:52 · 2824 阅读 · 0 评论 -
js正则匹配并去掉<script>标签及其内容
js正则匹配并去掉<script>标签及其内容var testa = document.getElementsByTagName('body')[0].outerHTML;var scripts = testa.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"")原创 2021-08-17 09:06:02 · 2404 阅读 · 0 评论 -
jq在返回的json数据调用路径接入变量、javascript JSON路径中的变量、jq JSON路径中的变量
jq在返回的json数据调用路径接入变量、javascript – JSON路径中的变量先看返回的数据结构,红框是我们接下来要用变量来代替的内容:我的想法是定义一个数组,然后再循环数组的元素去替换掉里面的key,从而获得里面的数据:这里补充一个判断返回json数据里面是否含有某key的知识点://返回的data数据结构data = { name: 'a', addr: 'b',}; //判断data是否存在某keyconsole.log('name' in data);原创 2021-04-24 12:03:34 · 301 阅读 · 0 评论 -
jq,css侧边栏下拉三级导航栏
jq,css侧边栏下拉三级导航栏<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>navdemo</title> <style type="text/css"> a{color: #000000;} .navdemo ul,.navdemo li{padding: 0;margin: 0;list-style: none;}原创 2021-02-22 11:55:17 · 436 阅读 · 0 评论 -
jq两数组数据对应匹配输出
jq两数组数据对应匹配输出 var arr1 = ["6+64","8+64","8+128"] var arr2 = ["红色","黄色","青色"] var products = []; for(var i=0;i<arr1.length&&i<arr2.length;i++){ products.push({配置:arr1[i],颜色:arr2[i]}) } console.log(products)运原创 2021-01-21 09:59:00 · 491 阅读 · 0 评论 -
jq生成二维码/跳转二维码(简版)
jq生成二维码/跳转二维码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>二维码的生成</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />原创 2020-12-16 16:48:40 · 713 阅读 · 0 评论 -
wrap(),wrapAll(),wrapInner()三者的区别
wrap(),wrapAll(),wrapInner()三者的区别wrap(),wrapAll()这两者都是将选中标签从外部包围:wrap()是单独包围,代码以及结果如下:<div id="demo"> <p>111</p> <p>222</p> <p>333</p> <p>444</p> <p>555</p> </div>原创 2020-11-25 14:42:02 · 610 阅读 · 0 评论 -
(转载)-前端常见跨域解决方案(全)
前端常见跨域解决方案(全)原文链接:https://segmentfault.com/a/1190000011145364什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求转载 2020-11-19 10:12:29 · 93 阅读 · 0 评论 -
JQuery获取元素第一个子元素并判断第一个子元素下面是否有某个标签
JQuery获取元素第一个子元素并判断第一个子元素下面是否有某个标签首先获取某个元素下面的第一个子元素,下面以ul li为例子://获取ul下面的第一个livar firstchild = $(".product-list ul").find('li:first-child')//然后判断第一个li里面是否含有img标签if (firstchild.has('img').length>0) {code...}//要注意的是,可能会有一些小伙伴判断会继续用.find();这个是行不通原创 2020-11-18 18:39:55 · 948 阅读 · 0 评论 -
jq返回顶部(有过渡动画)
jq返回顶部(有过度动画)html代码部分:<!-- go top --> <div class="gotop" id="gotop" > <i class="fa fa-arrow-circle-o-up"></i> </div>css样式部分:.gotop { width: 40px; height: 40px; line-height: 40px; text-align: center; position:原创 2020-10-19 10:23:26 · 452 阅读 · 0 评论 -
js 获取点击次数
js 获取点击次数var index = 0; $(".h63_pcbtn i").click(function(){ index++; console.log(index); } })原创 2020-10-15 18:44:06 · 5386 阅读 · 0 评论 -
jq获取图片路径,更换图片路径、更换图片格式
遇到的问题:用jq鼠标移除移入动态更换图片,做一个huover效果。(更换的图片命名差别不大的情况下适用),比如:aaa.jpg 将其更换为aaa_h.jpg。 //鼠标移入$(".social li").mouseover(function(){ // 当前li下标 var index = $(this).index(); // 当前li下标图片路径 var imgsrc =$(".kf01_social li:nth("+index+") a img").attr("src");原创 2020-09-26 13:47:39 · 1948 阅读 · 0 评论 -
Vue+axios网络请求的一个简单案例
Vue+axios网络请求的一个简单案例<div id="app"> <div v-for="infos in info">//循环输出相应的数据 {{infos.id}} {{infos.post_excerpt}} {{infos.post_title}} <!--<img :src="直接写路径参数,什么都不用加">--> <img :src="infos.thumbnail"> </div>原创 2020-05-26 09:27:54 · 602 阅读 · 0 评论 -
jq ajax实现简单的异步加载,动态添加标签
jq ajax实现简单的异步加载很多刚学ajax异步数据渲染的时候都是头大,刚开始我也头大,但是捋清楚其中的关系后就一切明朗清晰了;html代码:<div class="title">点我加载</div> <!--<p id="title">hello world!</p>--> //下面初学下发的写法2用到先看看json结构,接口问后端的同事要的,当然,这是一个非常简单的接口,只是用来学习用的js代码:<script s原创 2020-05-21 15:54:34 · 819 阅读 · 0 评论 -
js用构造函数计算三角形的面积
js用构造函数计算三角形的面积 function Triangle(a, b, c) { this.a = a; this.b = b; this.c = c; var p = 0; var s = 0; if(a+b<c || a+c<b ||b+c<a){ //判断是否能构成三角形 document.write("不能构成三...原创 2019-12-31 17:39:41 · 1457 阅读 · 0 评论 -
jq实现图片无缝滚动效果,兼容ie 7+
jq实现图片无缝滚动效果,适配PC端和移动端废话不多说,先贴代码:html:<div class="wrap"> <ul> <li><img src="img/p_banner1.jpg" alt="" ></li> <li><img src="img/p_banner2.j...原创 2019-11-20 10:09:38 · 337 阅读 · 1 评论