
JQ
小程、
这个作者很懒,什么都没留下…
展开
-
GET请求时url参数中含有#,+,=,%,&,/,?,空格等特殊字符,无法获得正确的参数值
但是在这过程中url参数中的特殊符号会被当做为url地址中的作用符,也就是参数会变成:user:张三 password:123 456 三个参数。我们原本想要请求的参数值是: user:张三# password:123&456。此时就是我们想要的参数结果了。原创 2022-09-05 17:32:48 · 5803 阅读 · 0 评论 -
chosen.jquery.js 插件的使用和总结
Chosen 是select下拉框美化插件,它能让丑陋的、很长的select选择框变的更好看、更方便。此外,还可以搜索查找下拉选项。它可对列表进行分组,同时也可禁用某些选择项。chosen.jquery.js 让你下拉框更简洁实用!chosen插件下载及使用教程:https://harvesthq.github.io/chosen/chosen插件的选项介绍:https://harvesthq.github.io/chosen/options.htmlchosen插件css线上cdn引入:chosen插件原创 2022-09-01 16:58:04 · 7260 阅读 · 0 评论 -
使用jquery.fly插件实现添加购物车抛物动画
这里引用一个插件:jquery.fly.min.jsGit源码地址:https://github.com/amibug/flyDemo演示地址:https://codepen.io/hzxs1990225/full/ogLaVpAPI使用:HTML演示代码:演示页面如下:这里配合获取鼠标指针位置的属性一起使用,如果有不明白的可以参考:获取鼠标位置坐标最终演示效果如下:.........原创 2022-08-31 15:32:16 · 734 阅读 · 0 评论 -
jQuery获取鼠标的坐标位置
jQuery获取鼠标的坐标位置这里用到两个属性:event.pageX和event.pageYevent.pageX:该属性返回鼠标指针的位置,相对于文档的左边缘;该事件属性通常与event.pageY属性一起使用event.pageY:该属性返回鼠标指针的位置,相对于文档的上边缘;该事件属性通常与event.pageX属性一起使用通过这两个属性,可以确定元素在当前页面的坐标值,鼠标相对以文档的左边缘的位.........原创 2022-08-31 11:19:47 · 4161 阅读 · 0 评论 -
jQuery判断元素是否存在于数组内
PHP中判断元素是否存在与数组内用in_array()函数,jQuery也是如此,jQuery使用 $.inArray() 函数实例如下:根据返回的值判断即可,如果返回值是-1代表数组内不存在该元素,如果不是-1则是返回的该元素在数组内的下标,代表数组内存在该元素。该函数还有第三个参数,fromIndex ,该参数是代表从指定的索引位置开始检索,如果不写该参数默认从0开始检索...原创 2022-07-07 10:38:36 · 1762 阅读 · 0 评论 -
ajax请求返回值作为全局变量使用(异步请求改为同步请求)
ajax请求的返回值要作为全局变量使用。当我们需要加载页面进行ajax请求,请求到的值存储到变量需要作为全局使用,因为ajax默认是异步请求,这个时候我们就会发现,ajax的返回值在ajax请求外使用是空值或undefined。 var name = $("#name").val() $.ajax({ type: "post", //get //请求方式 url: "index/index.php", //请求地址 data: {原创 2022-05-27 11:26:56 · 3019 阅读 · 2 评论 -
jQuery获取某个下拉框全部的option值
jQuery获取某个下拉框全部的option的value这里的原理其实很简单:定义一个空数组,运用jQuery的选择器,选择对应的下拉框的option,循环便利该下拉框的option,根据val()获取到option的value值,判断不为空push到数组内即可。var arr = new Array(); //定义数组$("#class_selected option").each(function () { //根据id获取到该下拉框的所有optionvar option_val = $(t原创 2022-05-26 14:53:26 · 1698 阅读 · 0 评论 -
jQuery报错Uncaught ReferenceError: $ is not defined
jQuery报错$ is not defined报错原因:没有引入jq库(或引入地址错误)解决方法:JQ3.5.1下载地址:http://www.jq22.com/jquery/jquery-3.5.1.zip线上引用地址:微软:<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>官网:<script src="https://code.jquery.co原创 2022-02-14 15:02:43 · 598 阅读 · 0 评论 -
jQuery3.5.1版本下载与线上引用
jQuery3.5.1版本下载与线上引用JQ3.5.1下载地址:http://www.jq22.com/jquery/jquery-3.5.1.zip线上引用地址:微软:<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>官网:<script src="https://code.jquery.com/jquery-3.5.1.min.js"></s原创 2022-02-11 17:44:53 · 8337 阅读 · 0 评论 -
JQ获取和设置内容、属性
text(),html(),val(),三者的区别,以及有参无参的区别先看无参的情况:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.mi原创 2022-02-10 10:36:09 · 341 阅读 · 0 评论 -
JQ常用选择器
JQ常用选择器*: //所有的元素 $("body *") //选择body内所有元素 #id //选取带有唯一的指定id的元素 $("#hope") //选取id="hope"的元素.class //选取带有指定的class元素(与id选择器不同,class选择器常用于多个元素) $(".hope") //选取class="hope"的元素element //选取带有指定标签名的元素 $("p") //选取所有<p>标签 $("a") //选取所有&l原创 2022-02-09 16:02:33 · 518 阅读 · 0 评论