jQuery 高频调用的防抖，获取子元素，this指代，jQuery 复制文本内容到剪贴板

jQuery 懒加载 lazy

<script type="text/javascript"  src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>              
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<script type="text/javascript" src="https://cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyload.min.js" ></script>

懒加载是网站性能优化的插件，可以提高用户体验。

页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载src显示默认的图片
data-original为要显示的图片。
 "<div style='max-width: 98%; width:300px; '><img class='lazy' alt='' width='100%' src='" + imgsrc + "'  data-original='" + result[i].img +"'></img> </div>";

<img class='lazy' src='../images/i.png' data-original='" + obj.picurl + "' width='600' height='300' >";
https://blog.csdn.net/shipeng22022/article/details/50427220

jQuery 复制文本内容到剪贴板

// 复制
function jqcopy(c1) {
  var ctxt = c1.attributes["coolang"].value;
  var cmyid = c1.attributes["id"].value;
  cmyid = "#" + cmyid;
  var clipboard = new Clipboard( cmyid, {
      text: function() {
          return ctxt;
      }
  });
  // clipboard.on('success', function(e) {
  //     var tooltip = c1.children;
  //     tooltip[0].innerHTML = "已自动复制资源地址到剪切板,若不成功复制，请手动复制: </br>" + ctxt + "</br>.";
    
  // });

  // clipboard.on('error', function(e) {
  //    // console.log(e);
  // });
  $("#qs_tips").html("内容已复制成功:" + ctxt);
  $(c1).html("已复制");
}

jQuery如何获取子元素

jQuery获取子元素的方式有两种：find()和children()，但二者有差异，下面看看二者的差异：
1.children()方法：获取该元素下的直接子集元素
2.find()方法：获取该元素下的所有子集元素
3、children()方法获取最外层ul下面直接子集元素li：$("#ul").children(“li”)
需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("#ul").children(“li”).length”，最后输出结果为3
4、find()方法获取ul下所有元素li：$("#ul").find(“li”)
需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("#ul").find(“li”).length”，最后输出结果为9
5、children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。
————————————————
原文链接：https://blog.csdn.net/adfasdfdwe/article/details/101206320

jQuery中的$(“this“)和$(this)的区别

$(this)取出当前对象并转换为jQuery对象
$(“this”)是使用标签选择器，查找名为this的标签
$(this)是jquery对象，能调用jquery的方法，例如click()等
this是html元素对象，能调用元素属性，例如this.id、this.value
https://blog.csdn.net/weixin_46370867/article/details/115084163

jQuery防抖

<div id="container" style="width:100%;height:200px;line-height:200px;text-align:center;color:#fff;background-color:#444;font-size:30px;"></div>
<script src="https://cdn.bootcss.com/underscore.js/1.9.1/underscore.js"></script>
<script>
    let count = 0;
    let container = document.querySelector("#container");

    // 此处为高频调用函数
    function doSomething() {
        container.innerHTML = count++;
    }

    container.onmousemove = _.debounce(doSomething, 300);
</script>

原文地址： https://www.jeremyjone.com/704/，转载请注明。

jquery设置cookie、删除cookie、获取cookie

1.引入两个js 去bootcdn搜索就行。
jquery.js

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
1
jquery cookie

 <script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
1
2.设置cookie
$.cookie(“key”,“value”);

如: $.cookie(“love”,“唱跳rap篮球”); //设置了一个值为”唱跳rap篮球的cookie，cookie的名字是love

3.给cookie设置时长
$.cookie(“key”,“value”，{expires: 7}) ;设置为7天

4.设置cookie的域名
在不同网页中是不能访问同一个cookie的，所以可以设置cookie的域名，让cookie在这个域名下都能访问。

$.cookie(“key",“value”,{domain:“icyakuya.website”})

5.设置cookie的路径
可以结合域名一起使用，在本地文件运行也能使用。

$.cookie(“key”,“value”,{domain:“icyakuya”,path:“xxx/”}

path可以用过window.location.pathname 获取，这个获取到的是全路径包括文件名

所以需要做个截取:

function getPath(){

var path = window.location.pathname; //获取的是文件路径全名包括路径

var pos = path.lastIndexOf("/"); //去除文件名

path = path.substring(0, pos);

return path;

}

6.删除cookie
$.removeCookie(‘key’,{path:"/"}) ;//删除该路径下所有名为key的cookie

$.removeCookie(“key”,null,{path:"/"}) 将key的值设置为空，实际上相当于删除

7.获取cookie
$.cookie(“name”)

注意:
cookie的域名和路径都很重要，如果没有设置成一致，则会有不同域名下或者不同路径下的同名cookie，为了避免这种情况，建议在设置cookie和删除cookie的时候，配置路径和域名。
————————————————
原文链接：https://blog.csdn.net/qq_43682422/article/details/119350767