
jQuery
文章平均质量分 53
zpj~.~
每天进步一点点~.~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery each()跳出循环
一、jQuery each()跳出循环jQuery跳出 each() 循环的语句return true:跳过本次循环(同javascriptfor循环的continue) return false:跳出所有循环(同javascriptfor循环的break)二、示例1、跳出所有循环一个表单中,有多行input,至少填写一行,方可提交表单; var isSubmit = false; $("#tableContent tr").eac...原创 2022-04-12 19:11:59 · 10865 阅读 · 0 评论 -
unbind()解决多次弹窗问题
一、遇到的问题点击按钮,弹窗;关闭弹窗,再次点击按钮,会同时出来两个相同的弹窗;依次类推,多次弹窗二、解决问题按钮的点击事件被多次绑定,导致按钮的事件执行次数,随着弹窗弹出的次数累加,解决方法,再次点击按钮前先通过unbind()解绑之前的点击事件,这样就不会多次绑定点击事件了$('.test').unbind("click").bind("click",function(e){ //TODO 点击事件触发的代码 });...原创 2022-03-23 15:42:31 · 1314 阅读 · 0 评论 -
$.parseJSON
一 遇到的问题使用ajax动态获取数据时,对于返回的json数据调用时,json.name会提示“undefined”,访问不到值。二 分析解决使用json.name访问不到,原因可能是json数据不是json对象,可能是json字符串,导致访问不到;使用$.parseJSON将json字符串转换为json对象即可。三 实例1 json字符串转换为json对象var原创 2017-08-21 14:33:36 · 744 阅读 · 0 评论 -
jquery的设置多个 CSS 属性
一、获取css属性$("p").css("background-color");二、设置单个css属性$("p").css("background-color","yellow");三、设置多个csss属性$("p").css({"background-color":"yellow","font-size":"200%"});原创 2017-08-31 09:47:42 · 31537 阅读 · 1 评论 -
jQuery 针对同一元素的多个函数操作的写法
jQuery 针对同一元素,如果同时需要对其进行多个函数的操作,开发时大可不必一个一个的写,可以采用串写的方式;冗余方式: $("#mailpassword").click(function(){ $(this).val(""); $(this).val("").attr("type","password").css({"text-decoration":"none","原创 2017-08-31 13:48:57 · 2211 阅读 · 0 评论 -
jQuery 选择器 模糊匹配一
一 需求描述 jQuery获取class为“stage-”开头的所有元素 二 实现 通过属性的方式模糊匹配 以stage-开始的元素 $(“span[class^=’stage-‘]”).length, 以stage结束的元素 三 总结 [属性名称] 匹配包含给定属性的元素 [att=value] 匹配包含给定属性的元素 (大小写区...原创 2017-11-10 13:19:40 · 8459 阅读 · 0 评论 -
json对象、json字符串的区别和相互转换
开发时,json字符串和json对象傻傻分不清楚,ajax异步请求后,会根据返回的data值判断请求是否成功,访问data.msg会提示‘undefined’,将data转换为json对象即可。一、json对象、json字符串的区别1、json对象json对象,json对象的属性可以用对象.属性调用。 json对象的console通过console可以明显的看到: *json对象的cons原创 2017-11-21 13:48:55 · 37536 阅读 · 4 评论 -
jQuery 选择器 模糊匹配二
一、需求描述*前提概要应聘信息表的表单填写保存功能已经完成并上线。*客户需求 表单中学历部分的学位字段添加一个“无”的选项*需求分析学位的字段获取是从数据库中获取并通过框架封装的方法动态生成的html代码,无法在html页面中添加select字段,解决方法为在数据库的学位中添加“无”(此方法会影响其他页面,舍弃)或者在页面加载成功后通过jquery动态添加select字段二、需求实现解决方法为...原创 2018-03-20 18:49:00 · 541 阅读 · 0 评论 -
jQuery 添加自定义事件以及触发自定义事件
一、添加自定义事件通过jQuery的bind()或者on()方法 添加自定义事件如下代码 自定义了一个mychange事件$("#postionId").on("mychange",function () { console.log(11); validForm.check(false,"#postionName");});二、触发自定义事件通过jQuery的trigger()方...原创 2018-06-12 18:17:19 · 13361 阅读 · 1 评论 -
Validform 实时验证表单某一个元素
一、问题 行业字段使用的是行业插件,其对应的industryId值为hidden的input,表单验证的时无法进行blur操作,导致不能实时提示信息;二、解决 行业字段使用的是行业插件,行业插件的js不能修改,所以不能模拟blur进行表单验证;解决方法:在industryId的值修改时,进行industryId的表单元素的验证即可。$("#industryId").change(function(...原创 2018-06-11 17:48:59 · 3291 阅读 · 0 评论 -
JQuery中对Select的option项的添加、删除、取值
jQuery获取Select选择的Text和Value: 复制代码 代码如下:$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Tex转载 2015-11-13 18:02:31 · 3500 阅读 · 0 评论 -
jQuery select显示部分选项
今天遇到的问题是:当部门为总经理时,select显示某一部分option;为其他部门时,显示另一部分option; 解决方法;一、jQuery("select[title='呈批单类型']").html( "name" ); jQuery("select[title='呈批单类型']").append( "name" ); *思路:给select中的原创 2015-11-13 18:00:50 · 2449 阅读 · 0 评论 -
Validform ajaxurl自定义提示信息
一、问题Validform表单验证时,input元素中包括ajaxurl属性时(达到通过ajax实时验证输入的公司名称是否重复的效果),当公司名称重复时提示的错误信息要自定义为“公司名重复”(默认为“所填信息没有经过验证,请稍后...”)。图一 为公司名称重复时,默认提示的错误信息“所填信息没有经过验证,请稍后...”图二为需求,要求公司名称重复时提示“公司名重复”;图一图二二、解决追踪代码,在V...原创 2018-05-30 18:51:32 · 3251 阅读 · 0 评论 -
jQuery实时监听input value
一、相关知识1.onchange事件:此事件会在元素内容发生改变,且失去焦点的时候触发。浏览器支持度较好。2.onpropertychange事件:此事件会在元素内容发生改变时立即触发,即便是通过js改变的内容也会触发此事件。元素的任何属性改变都会触发该事件,不止是value。只有IE11以下浏览器支持此事件。3.oninput事件:此事件会在value属性值发生改变时触发,通...原创 2018-08-15 18:29:10 · 4567 阅读 · 0 评论 -
jQuery提交表单报错 Uncaught TypeError: s[y] is not a function
使用jQuery提交表单的时候,页面没有反应,F12调试发现点击提交按钮,控制台报错 Uncaught TypeError: s[y] is not a function问了百老师:发现可能是在form表单里面 有一个input的id=“submit”,修改后,成功解决。 ...原创 2018-09-17 19:52:28 · 2332 阅读 · 0 评论 -
$(window).load()方法的使用场景
一、$(window).load()、window.onload=function(){}和$(document).ready()方法的区别1、$(window).load() 和window.onload=function(){} 是页面中的所有元素(包括图片、flash)等都加载完毕后,才能执行; $(document).ready() 是页面中的DOM元素加载完成原创 2017-03-13 11:55:41 · 36335 阅读 · 2 评论 -
jQuery eq()方法 =》加载页面时单选框默认选中
*加载页面时单选框默认选中(此方法适用于循环输出的单选钮的默认选中问题)12 $("input[type='radio'][name='jing']:eq(0)").click()或者$("input[type='radio'][name='jing']:eq(0)").attr("checked","checked")延伸:单选按钮的name值相同。默认原创 2016-04-21 16:53:54 · 4610 阅读 · 0 评论 -
jquery事件之鼠标事件
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。 $('p').click(function(){ alert('click function is running !'); }); (2):转载 2015-02-27 16:19:23 · 1514 阅读 · 0 评论 -
jquery的post方法 使用从后台获取回来的数据
先确定从后台返回的是json还是字符串如果是json 在js的Ajax的success对应的函数中 将得到的结果用var data=$.parseJSON(result);这样data就能得到你后台传过来的数组了。如果是string 使用这个 data = eval(data)原创 2015-06-25 17:00:42 · 5676 阅读 · 0 评论 -
ajax 缓存问题---禁止刷新
在使用jQuery ajax 无刷新提交 判断input框中的值时,发现因为缓存问题,效果实现不对;解决办法:浏览器解决(不建议):* 在Internet选项中清除浏览器缓存*在F12开发者工具中清除缓存php代码解决方法:ajax t提交时,不让生成缓存即可; 1、给请求链接加随机数,如果用的是jQuery,直接设置: $.ajaxSetup({cache: fa转载 2015-08-25 13:35:32 · 2031 阅读 · 0 评论 -
jQuery和Prototype的兼容性和冲突的五种解决方法
页面中的方法既用到jQuery同时又用到prototype,最后出现prototype方法执行不了,解决方法采用的方法四。第一种情况:先加载Prototype,再加载jQuery方法一:jQuery 库和它的所有插件都是在jQuery名字空间内的,包括全局变量也是保存在jQuery 名字空间内的。使用jQuery.noConflict();主要作用是在任何时候,只要在jQuery加转载 2015-09-10 13:44:23 · 410 阅读 · 0 评论 -
jQuery小例子
jQuery(function(){ jQuery(document).ready(function(){ if(jQuery("select option").size()==2){ jQuery("#nian").get(0).selectedIndex=1; } }); jQuery("body").click(function(){原创 2015-10-20 17:27:05 · 557 阅读 · 0 评论 -
jQuery实现文种自动识别标题的最后两个或一个字,判断文种类型,如XXX的通知,文种默认为通知;
jQuery(document).ready(function(){ jQuery("input[title='标题']").blur(function(){ var title=jQuery("input[title='标题']").val(); var str1=title.substr(title.length-1,1); var str2=tit原创 2015-10-20 17:54:27 · 381 阅读 · 0 评论 -
jQuery中的text()、html()和val()以及javascript中的innerText、innerHTML和value
*jQuery中设置或者获取所选内容的值:text();设置或者获取所选元素的文本内容;html();设置或者获取所选元素的内容(包括html标记);val();设置或者获取表单字段的值(前提是表单设置了value属性);(text()和html()的区别是:前者是处理的文本内容,只能写文本如果写了上面的标记则会以文本形式输出;后者可以解析文本中的html标记,就是你可以添加像、等原创 2015-11-06 13:36:12 · 1694 阅读 · 0 评论 -
jQuery获取字符串末尾字符
substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。代码如下:str.substr(str.length-1,1)原创 2015-11-06 13:34:07 · 27852 阅读 · 0 评论 -
jquery中把字符串转换为数字
其实在jquery里把字符串转换为数字,用的还是js,因为jquery本身就是用js封装编写的。比如我们在用jquery里的ajax来更新文章的阅读次数或人气的时候,就需要用到字符串转换为数字的功能了,先来看看JS里把字符串转换为数字的函数命令:1:parseInt(string): 这个函数的功能是从string的开头开始解析,返回一个整数,说起来比较笼统,下面来看几个实例,大家转载 2015-10-22 17:25:08 · 103577 阅读 · 3 评论 -
一个简单的js求和
jQuery(function(){ jQuery("input[title='和']").click(function(){ var txt1=parseInt(jQuery("input[title='加数']").val()); var txt2=parseInt(jQuery("input[title='被加数']").val()); //aler原创 2015-10-22 17:56:55 · 4074 阅读 · 0 评论 -
jQuery 获取表单元素中值的方法
jQuery获取表单的值,根据表单中的内容和表单分类获取1、根据属性选择input框值jQuery("input[title='jing']").val();表单中一般为input框,可以根据以上方法获取,但有例外,下拉框,多行文本框和button按钮,因为其为,而非,同input,下拉框值获取:jQuery("select[title='jing']").val();或者jQ原创 2015-10-10 15:00:37 · 7502 阅读 · 1 评论 -
jQuery 有关select的操作
1、获取select选中的值*只有一个select时,直接alert($("select").val());*当有多个时,要加以区分,如下:$(document).ready(function(){ $(":button").click(function(){ alert($("select[name='2']").val()); });原创 2015-10-10 15:36:29 · 516 阅读 · 0 评论 -
JQuery 对 Select option 的操作
下拉框:select id="selectID"> option value="1">1option> option value="2">2option> option value="3">3option> option value="4">4option> option value="5转载 2015-10-10 15:37:18 · 313 阅读 · 0 评论 -
jQuery单选框选中项值的获取
jQuery(document).ready(function(){ jQuery("input[title='用工类型']").blur(function(){ var type=jQuery("input[title='用工类型']:checked").val();.(注意]:checked中间没有空格) if(type=="实习生"){原创 2015-10-16 11:05:22 · 1274 阅读 · 0 评论 -
jQuery即选中某一单选框时,某一下拉框的值便设定为某一值。
jQuery(document).ready(function(){ jQuery("input[title='用工类型']").blur(function(){ var type=jQuery("input[title='用工类型']:checked").val(); if(type=="实习生"){ jQuery("select[title=原创 2015-10-20 18:05:04 · 871 阅读 · 0 评论 -
javascript IE下不能用 trim函数解决方法
javascript 的trim 函数在firefox 下面使用没有问题Js代码 "javascript"> var test1 = " aa "; test1 = test1.toString(); test1 = test1.trim(); 在火狐下这样用没有问题, 但是在IE下就报错那么我们可以转载 2015-04-03 14:56:10 · 787 阅读 · 0 评论