jquery
water_Popcorn
这个作者很懒,什么都没留下…
展开
-
svg.js svg鼠标点击绘制直线
需求;鼠标点击下去后确定直线起始点,鼠标移动后直线会随之绵延,鼠标松开则直线绘制完成源码:<!doctype html><html><head> <meta charset="utf-8"> <title>动态添加图形和图片并可以拖拽</title> <meta content="w...原创 2019-10-14 14:23:52 · 2599 阅读 · 0 评论 -
jquery 复选框全选、取消全选、全选按钮在未全选状态不选
代码:input type="checkbox" name="chooseAll" onclick="checkAll()">全选input type="checkbox" name="chooseMe" value="1" onchange="notCheckAll();">1input type="checkbox" name="chooseMe" value="2" onchan原创 2018-01-03 15:07:40 · 560 阅读 · 0 评论 -
bootstrap 点击空白处popover弹出框隐藏
代码:div> a class="btn btn-success show" title="Popover title" data-container="body" data-toggle="popover" data-placement="bottom" data-content="底部的 Popover 中的一些内容"> aaaa a>div原创 2018-01-09 13:29:49 · 2952 阅读 · 0 评论 -
jquery 利用splice(-1,1)删除数组最后一位数值
代码: var x =[1,2,3,4,5]; //定义数组 var len = x.length;方法一:获取数组长度,因为从0开始,所以len-1; x.splice(len-1,1);方法二:splice(-1,1):-1也表示数组最后一位数 x.splice(-1,1);原创 2018-01-18 14:52:15 · 16997 阅读 · 0 评论 -
jquery 将字符串false/true转换成Boolean类型
正常情况下字符创false在判断的时候回判断为true,所以要讲字符串型转换成boolean型;代码:body>label for="content">请输入字符串true/falselabel>input type="text" name="content" id="content">button id="btn">转换成booleanbutton>body>script>原创 2018-02-08 10:49:47 · 10331 阅读 · 0 评论 -
jquery 实现对input框的实时监控
script源码:$("#input1").bind("input propertychange",function () {//监控输入框的变化 var a = $("#input1").val();//获取输入框1的值 alert(a);});html源码:<label>输入框1:</label><input type="text...原创 2019-05-22 15:49:26 · 2191 阅读 · 0 评论 -
jquery 当一个input框不为空时,控制另外一个输入框不可用
Html源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/j...原创 2019-05-22 15:54:37 · 2059 阅读 · 0 评论 -
jquery 设置a标签不可用,不可点击,禁用a标签
html源码:<a href=“#” id=“gotoPage”>链接<a>js源码:$(“#gotoPage”).attr("disabled",true); //设置成灰色不可点击$("#gotoPage").css("pointer-events","none"); //设置鼠标事件不可用...原创 2019-07-16 11:32:12 · 12027 阅读 · 0 评论 -
jquery 实现图片轮播
html源码:<div class="middle_right"> <div id="lunbobox"> <div id="toleft"> <</div> <div class="lunbo"> <a href="#"&g...转载 2019-07-26 17:20:44 · 230 阅读 · 0 评论 -
jquery操作复选框checkbox的技巧
1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val();2、 获取多个checkbox选中项$('input:checkbox').each(fun转载 2017-12-27 16:54:42 · 690 阅读 · 0 评论 -
jquery 怎么跳出each循环
1、return false;相等于break;停止循环;2、return true;相等于continue;跳入下一个循环为什么不能使用break,continue:因为jquery中没有这两条命令原创 2017-12-27 15:42:39 · 214 阅读 · 0 评论 -
点击按钮实现下拉菜单的三级联动
主要内容:点击查询品牌按钮,选择厂商1的时候,显示厂商1的品牌,点击厂商二的时候,显示厂商2的品牌,同理,不同的品牌对应不同的型号源代码:html lang="en">head> meta charset="UTF-8"> title>三级联动title> script src="../jquery-3.2.1.min.js">script> st原创 2017-09-21 15:19:53 · 3029 阅读 · 0 评论 -
自动筛选实现三级联动下拉菜单
要点:当选择一个选项的时候,后面的内容自动变成他自己独有的内容主要运用:1、$(id).change(function(){})2、.show()3、var options =$("id option:checked"); 获得下拉框选择的元素4、options.val():选中的value的值5、options.text():选中为文本的值源代码:html lang="en">原创 2017-09-21 15:24:57 · 1388 阅读 · 0 评论 -
jquery常用事件
1. 点击事件:$(“button”).clik(function(){ });2. 删除事件:$(“元素”).remove();3. 修改文本:$(“元素”).html(文本内容);4. 获取内容:$(“元素”).text();取得所有匹配元素的内容5. 获取当前值:$(“元素”).val);获取第一个匹原创 2017-10-19 15:26:37 · 334 阅读 · 0 评论 -
jquery 判断元素是否含有这个class,如果没有,进行操作
题目:判断这个div是否含有b这个class,如果,没有添加c这个classhtml lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> scrip原创 2017-11-30 13:12:56 · 2705 阅读 · 0 评论 -
jquery 常用选择器
1. 元素选择器:1) $(“p”):选取p元素2) $(“p.info”):选取class=“info”中所有的p元素3) $(“p#info”):选取id=“info”中所有的p元素2. 属性选择器:1) $(“[href]”):选取所有带有href属性的元素2) $(“[原创 2017-12-08 16:31:59 · 268 阅读 · 0 评论 -
在输入框点击空格键的时候,判断输入框的值为空
题目:当用户在输入框点击空格键的时候,判断输入框的值为空html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> script>head>原创 2017-12-11 09:25:42 · 524 阅读 · 0 评论 -
jquery 输入框查找关键字并提亮颜色
html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> script> style> .pink{原创 2017-12-21 15:05:31 · 882 阅读 · 0 评论 -
jquery 点击按钮,再显示4张图片,再次点击,再次显示4张图片
这里的图片用内容表示,可以自行换乘图片主要看方法。html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"> script>head原创 2017-11-28 10:26:53 · 852 阅读 · 0 评论 -
点击一个图片换成另外一个图片 jquery
如图一个下三角的按钮,一般在菜单栏应用当点击他的时候,换成下面一个上三角的符号html源码: img id="recommend_btn" src="images/shopping_arrow_down.gif" alt="">jquery源码$("#recommend_btn").click(function(){ $("#原创 2017-09-27 15:13:24 · 14300 阅读 · 0 评论