
jQuery
jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
旭东怪
这个作者很懒,什么都没留下…
展开
-
jQuery 获取元素的value属性值为[object HTMLInputElement]问题解决
问题描述:获取元素的value属性值为[object HTMLInputElement]。问题分析:1、用一个和元素id同名的变量给该元素的value属性赋值时,变量不存在,也没有报变量名不存在错误。$("#startTime").val(startTime);解决办法:声明该变量并给变量赋值。...原创 2021-01-12 19:28:37 · 2730 阅读 · 0 评论 -
jQuery 使用fileDownload组件实现文件下载
1 需要引入的JSjquery.fileDownload.min.js2 实现代码//文件下载function FileDownload(){ $.fileDownload(location.href, { httpMethod: 'POST', data: {}, prepareCallback: function (url) { alert("开始准备调用后台接口"); },原创 2020-12-17 19:23:09 · 4270 阅读 · 0 评论 -
jQuery Uncaught TypeError: $(...).on is not a function问题解决
问题描述:Uncaught TypeError: $(...).on is not a function问题分析:jQuery版本太老了,不支持on()方法。问题解决:1、更改成更高版本的jQuery。本人从jQuery的版本从1.4.0换成1.8.0。2、使用bind()来替换on()。...原创 2020-10-22 16:57:33 · 32929 阅读 · 3 评论 -
jQuery 实现选中和取消选中checkbox(复选框)的2种方法(attr(),prop())
html代码:<input type='checkbox' id='checkbox1' />1 attr()1.1 选中复选框$("#checkbox1").attr("checked","checked");$("#checkbox1").attr("checked",true);$("input[type=checkbox]").attr("checked","checked");1.2 取消选中复选框$("#checkbox1").removeAttr(原创 2020-10-17 10:26:43 · 3077 阅读 · 0 评论 -
jQuery 自动触发a标签的点击事件并跳转页面
html代码:<a id="alink" href="index.html" style="display:none;">下一步</a>javascript代码:$("#alink").click();//只触发了a标签的点击事件,但是没有触发页面跳转document.getElementById("alink").click(); //既触发了a标签的点击事件,同时也跳转了页面注:使用JQuery获取a标签元素执行click()时,只会点击事件,不会触发页面跳原创 2020-08-18 16:08:34 · 8009 阅读 · 0 评论 -
jQuery 绑定3种键盘事件 keypress(键盘键按下,功能键和中文不触发),keydown(键盘键按下,所有键都触发),keyup(键盘键松开)
1 keypress()说明:当键盘键被按下时触发 keypress 事件,按特定的功能键和输入中文时不能触发。语法:$(selector).keypress(function1);实例:文本框绑定keypress事件,提示哪个键被按下。$(function(){ $("input[type=text]").each(function(){ $(this).keypress(function(event){ alert(event.w原创 2020-09-02 21:38:15 · 4914 阅读 · 0 评论 -
jQuery 绑定3种鼠标事件 click(鼠标点击),mouseover(鼠标移入),mouseout(鼠标移开)
1 click()说明:鼠标点击时触发click事件。语法:$(selector).click(function1);实例:文本框绑定click事件。$(function(){ $("input[type=text]").each(function(){ $(this).click(function(){ alert("text click"); }); });});2 mouseover()说明:当原创 2020-09-01 19:44:20 · 6238 阅读 · 0 评论 -
jQuery 绑定3种表单事件 change(value值改变),focus(获到焦点),blur(失去焦点)
1change()说明:元素的value值改变时,触发change事件。change事件只适用于文本框(text)、文本域(textarea)、下拉框(select)元素。语法:$(selector).change(function1);实例:文本框、文本域、下拉框绑定change事件。$(function(){ //文本框绑定change事件 $("input[type=text]").each(function(){ $(this).chang.原创 2020-09-01 19:06:30 · 6765 阅读 · 0 评论 -
jQuery $.cookie()设置cookie在多个页面内都有效
$.cookie("username","123456");以上为原始设置cookie数据,会出现跨页面时,该cookie数据会不存在。cookie数据需要跨页面调用时需要在存储时改为以下代码:$.cookie("username","123456",{ path:"/" //cookie作用域,多个页面都有效});...原创 2020-07-21 15:30:51 · 1482 阅读 · 0 评论 -
jQuery中的text()、html()、val()的用法和区别
1、text()作用:(1)无参数时返回被选元素的文本内容,文本内容不包括html标签。(2)有参数时设置被选元素的文本内容,文本内容不包括html标签。注:text()针对input、button标签无效测试代码:<body> <div id="div1">div有文本内容</div> <div id="div2...原创 2020-04-28 12:52:59 · 884 阅读 · 0 评论 -
jquery实现对话框拖动
之前项目组长让我实现一个固定的对话框可以拖动的效果,根据网上查到的代码自己写了一个对话框拖动方法,今天给大家分享一下我的代码。function moveDialog(moveHeadId, dialogId) { var dialog = $("#" + dialogId); var moveHead = $("#" + moveHeadId); moveHead.b...原创 2020-03-09 15:31:58 · 463 阅读 · 0 评论 -
ajax 同步和异步的区别
我们在使用 ajax 一般都会使用异步处理。ajax 的async:true,async属性默认是true:异步,false:同步。异步处理:事件触发到 ajax,请求服务器,在这个期间无论服务器有没有响应,客户端的其他代码一样可以运行。提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事同步处理:事件触发 ajax,请求服务器,在这个...原创 2020-02-12 09:52:50 · 242 阅读 · 0 评论