jQuery
文章平均质量分 53
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
美奇开发工作室
后端开发工程师,做一个喜欢分享技术的领域开发者!
展开
-
Jquery套餐切换功能
效果图:html+css+ jquery<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Jquery套餐切换功能</title> <style type="text/css"> .taocan-box { display: flex; margin-top: 10px; } .tao原创 2021-03-26 17:59:27 · 355 阅读 · 0 评论 -
开发jQuery插件:function ($) {}(jQuery)的用法分析
一、jquery源代码里对jQuery的定义var jQuery = $ = function($){ } (jQuery)其中,function参数为形参,function后的括号内的内容为实参,实参赋值给形参。二、为什么开发插件都要写function ($) {}(jQuery)?我们打开bootstrap框架的bootstrap.js文件,发现里面有很多+function ($) {}(jQuery),如下图:问题:为什么还要重新定义jQuery呢,直接在方法中调用...原创 2020-10-14 20:36:19 · 2460 阅读 · 0 评论 -
百度echarts图表属性设置大全
目录1、 backgroundColor 全图默认背景2、color 默认色板3、title 图表标题4、legend 图例5、dataRange 值域6、toolbox 工具栏7、tooltip提示框8、 dataZoom 区域缩放控制器9、 grid 网格10、categoryAxis 类目轴11、valueAxis 数值型坐标轴默认参数12...原创 2020-02-04 19:15:47 · 2231 阅读 · 0 评论 -
jQuery控制layui的switch开关状态( 动态关闭开关按钮)
需求如下图所示:代码如下:<input class="switch" type="checkbox" lay-skin="switch" lay-filter="mode" lay-text="开|关"><script type="text/javascript"> layui.use('form', function () { ...原创 2020-01-30 13:00:15 · 8016 阅读 · 3 评论 -
jquery.qrcode生成带logo的二维码,同时生成带二维码的好友分享图片(js与canvas实现二维码和图片合成的海报)
首先给大家看一下效果图(纯jQuery前端技术):提供一下demo 源代码和jquery.qrcode文件下载:https://download.csdn.net/download/qq15577969/11987493html+ css+jQuery代码:<html lang="zh-cn"> <head> <title>jQue...原创 2019-11-20 23:14:59 · 1818 阅读 · 0 评论 -
jQuery巧用哈希泛型集合来保存对象
<script type="text/javascript"> //创建集合,保存管理员对象var arr = new Array(); //从数据库获取管理员列表$.getJSON("Admin_List_Servlet",json,function(data){ for ( var i = 0; i < data.length; i++) { ...原创 2018-03-11 15:41:13 · 484 阅读 · 0 评论 -
jQuery实现input输入时,实时触发事件代码
HTML代码 <div class="row cl"><label class="form-label col-xs-4 col-sm-2">源码摘要:</label><div class="formControls col-xs-8 col-sm-9 w8"><textarea id="summary原创 2018-03-11 15:43:54 · 22482 阅读 · 0 评论 -
jQuery全页面刷新方法
window.location.reload()//刷新当前页面parent.location.reload()//刷新父亲对象(用于框架)opener.location.reload()//刷新父窗口对象(用于单开窗口)top.location.reload()//刷新最顶端对象(用于多开窗口) 浮层内嵌iframe及frame集合窗口,刷新父页面的多种方法<script language...转载 2018-03-11 16:06:34 · 656 阅读 · 0 评论 -
JQuery实现文字内容溢出用点点点(…)省略号表示
<script type="text/javascript">//限制字符个数$(".codeItem p").each(function(){ var maxwidth=130; if($(this).text().length>maxwidth){ $(this).text($(this).text().substring(0,ma...原创 2018-03-11 16:07:52 · 268 阅读 · 0 评论 -
在JQuery中阻止表单提交的方式
HTML页面<form onsubmit="return check()">jQuery//form提交前验证function check(){ if(验证条件不通过){ return false; }else{ return true;//不写此返回值也行,此时就直接提交了 }} ...原创 2018-03-11 16:09:19 · 4544 阅读 · 0 评论 -
jQuery实现搜索内容高亮显示
<html> <head> <meta charset="UTF-8"> <title>jQuery搜索高亮显示</title> </head> <body> <input type="text" id="searchConte原创 2018-09-15 12:21:52 · 3948 阅读 · 0 评论 -
jQuery中使用自定义的String.Format格式化字符串
第一种方法:<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script type="text/javascript">String.format = function() { if (arguments.length == 0) retur...原创 2019-05-11 12:35:10 · 4268 阅读 · 0 评论 -
jQuery各版本文件在线引用地址大全
目录jquery-3.1.1(最新)jquery-3.0.0jquery-2.1.4jquery-2.1.1jquery-2.0.0jquery-1.11.3jquery-1.11.1jquery-1.10.2jquery-1.9.1jquery-1.8.3jquery-1.7.2jquery-1.6.4jquery-1.5.2jquery-...原创 2019-05-21 10:15:44 · 2066 阅读 · 0 评论 -
jquery 中让ajax同步的方法
方法一在全局设置: $.ajaxSetup({ async : false //让ajax同步 }); 然后再使用post或get方法$.post("SMS_Send_Setvlet",{"phone":phone},function(data){ if(data=="ok"){ }else{ }});...原创 2018-03-11 15:36:13 · 1213 阅读 · 0 评论 -
jQuery获取上传文件名的方法
文件框:<input type="file" id="uploadFile" name="uploadFile" />jQuery代码:<script type="text/javascript"> var uploadfile = $("#uploadFile").val(); var fileName= getFileN原创 2018-03-11 15:31:14 · 9696 阅读 · 0 评论 -
jQuery实现广告图片轮播切换
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>jQuery实现广告图片轮播切换</title><style>.scroll{ width:540p原创 2018-03-11 14:37:34 · 4471 阅读 · 0 评论 -
jQuery判断浏览器滚动条是否滚到底部
<script type="text/javascript"> $(function() { var winH = $(window).height(); //页面可视区域高度 $(window).scroll(function() { var p...原创 2018-03-11 14:40:21 · 504 阅读 · 0 评论 -
jQuery键盘事件及keycode大全
jquery的键盘事件分为keypress、keydown和keyup事件一、键盘事件1、keypress()事件keypress当按钮被按下时,会发生该事件,我们可以理解为按下并抬起同一个按键。2、keydown()事件当按钮被按下时,发生 keydown 事件(多用于游戏开发,比如一直按空格键进行攻击)。3、keyup事件keyup 事件会在按键释放时触发,也就是你按下键盘起来后的事件二、通...转载 2018-03-11 14:40:52 · 2280 阅读 · 0 评论 -
jQuery发帖案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>论坛列表</title> <link href="css/bbs.css" rel="s原创 2018-03-11 14:42:00 · 7421 阅读 · 0 评论 -
jQuery编写QQ简易聊天框
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>QQ简易聊天框</title> <link rel="stylesheet" href="原创 2018-03-11 14:42:47 · 16857 阅读 · 0 评论 -
jQuery购物流程选项卡功能
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2018-03-11 14:46:20 · 388 阅读 · 0 评论 -
jQuery 实现邮箱下拉列表自动补全功能
一、HTML代码<form method="post" action="#"> <dl> <dt>Email:</dt> <dd> <input id="email" type="text" placeholder=原创 2018-03-11 14:56:01 · 300 阅读 · 0 评论 -
jQuery实现消息列表循环垂直向上滚动
一、HTML代码 <ul id="express"> <li>・2010考研英语大纲到货75折...</li> <li>・权威定本四大名著(人民文...</li> ...原创 2018-03-11 15:00:45 · 9144 阅读 · 0 评论 -
$(document).height()与$(window).height()的区别
1、$(window).height() 代表了当前浏览器可见区域的高度2、$(document).height() 则代表了整个页面文档的高度,可视具体情况使用。注意:当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。...原创 2018-03-11 15:22:39 · 295 阅读 · 0 评论 -
jQuery制作对联广告悬浮特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met转载 2018-03-11 15:24:09 · 559 阅读 · 0 评论 -
jQuery实现省市区二级联动代码
一、HTML代码 <dd> <select id="province" style="width:120px;"> <option>请选择省/城市</option> </select> </dd> <dd> &原创 2018-03-11 15:26:52 · 2182 阅读 · 0 评论 -
jQuery正则表达式实现表单验证功能(注册)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>网易新用户注册页面</title> <link rel="stylesheet" href="原创 2018-03-11 15:28:20 · 4107 阅读 · 0 评论 -
jQuery选择器大全
一、基本选择器 1、标签选择器 $("ul") 2、类选择器 $(".red") 3、id选择器 $("#menu") 4、并集选择器 ...原创 2018-03-11 14:38:57 · 537 阅读 · 0 评论