jquery、js小知识
来源:互联网 发布:什么平板有windows系统 编辑:程序博客网 时间:2024/05/19 12:25
jquery选择器
Jquery 选择器获取元素 时,对特殊字符转义需要加两个反斜杠
如:var orgName=$("#whir\\$t3198_f4972").val();
小问题:
<div style="WIDTH: 100%" id="whir$t3198-whir$t3198_f4972"> <div class="cls-ui cls-ui207 cls-ui-readonly cls-ui-1003131 cls-print cls-print207 cls-print-1003131">信息公司通信运维部</div></div>用js怎么更改 '信息公司通信运维部' 这些字?$("#whir\\$t3198-whir\\$t3198_f4972").children().eq(0).text("市场开发部"); 这是错误的,,这样获取不到jquery对象$("div[id='whir$t3198-whir$t3198_f4972']").children().eq(0).text("施工部"); 这样是对的
jquery ajax 在ie下问题:
url后面不可携带参数,若携带参数,就会发生错误正确做法$.ajax({ url:'EzFLOWDealSearch!getId.action', data: {xmname:name}, dataType: 'json', async:false, success:function(data){ $("#xm_id").val(data.xm_id); }, error:function(a,b,c){ alert(a); alert(b); alert(c); } });
小细节:
1、jqeury在对超链接进行操作时,需在代码的最后return false取消超链接的默认行为,不然前面写的代码不一定执行完页面就跳转了。2、jquery中replaceAll无效 只有replace方法 才可替换指定的字符串3、jquery中的attr和prop的区别 attr和prop都是jquery中获取对象属性的方法 区别: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
js常用小知识
1、js中判断字符串是否相等和indexOf()方法 在js或jquery中,判断字符串是否相等没有equals()方法。。直接 ==即可; js中的==不是和java里面的==一样比较对象的内存地址; js中的==会根据类型和值来判断;若类型和值都相等,则相等;若类型不同,在js尝试类型转换,再比较; indexOf方法可返回某个指定的字符串值在字符串中首次出现的位置。 若返回值<0 则代表字符串中没有这个指定的字符串2、js比较数字大小 parseInt(num1)<parseInt(num2) js中默认的类型是String类型,若不转换类型,则会出错3、 var arr = ["a", "b", "c"]; typeof arr; // return "object" arr instanceof Array // true arr.constructor(); //[]4、js去空格 function String.prototype.Trim() { return this.replace(/(^/s*)|(/s*$)/g, ""); } // 去掉左右空格 function String.prototype.Ltrim() { return this.replace(/(^/s*)/g, ""); } // 去掉左空格 function String.prototype.Rtrim() { return this.replace(/(/s*$)/g, ""); } // 去掉右空格5、验证参数是否为数字 function isNumber(n){ return !isNaN(parseFloat(n)) && isFinite(n); }6、获取一个数字数组的最大值和最小值 var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; var maxInNumbers = Math.max.apply(Math, numbers); var minInNumbers = Math.min.apply(Math, numbers);7、清空一个数组 var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; var maxInNumbers = Math.max.apply(Math, numbers); var minInNumbers = Math.min.apply(Math, numbers);
jquery小技巧
1、选择或者不选页面上全部复选框 var flag = false; $('a').click(function() { $("input[type=checkbox]").attr("checked",!flag); flag = !flag; });2、在表单中禁用“回车键” $("#form").keypress(function(e) { if (e.which == 13) { return false; } });3、清除所有的表单数据 (66666666666666) function clearForm(form) { $(':input', form).each(function() { var type = this.type; var tag = this.tagName.toLowerCase(); if (type == 'text' || type == 'password' || tag == 'textarea') this.value = ""; else if (type == 'checkbox' || type == 'radio') this.checked = false; else if (tag == 'select') this.selectedIndex = -1; }); };4、表单中按钮的禁用和启用 禁用按钮:$("#somebutton").attr("disabled", true); 启动按钮:$("#submit-button").removeAttr("disabled"); 5、高亮显示目前聚焦的输入框标示 $("form :input").focus(function() { $("label[for='" + this.id + "']").addClass("labelfocus"); }).blur(function() { $("label").removeClass("labelfocus"); });6、动态添加表单元素 $('#password1').change(function() { $("#password1").append("<input type='text' name='password2' id='password2' />"); });
阅读全文
0 0
- jquery、js小知识
- jquery和js小知识
- JQuery常用小知识
- jquery mobile小知识
- jquery小知识
- jQuery实战小知识
- Jquery插件小知识
- JQuery小知识总结
- jQuery小知识
- jQuery小知识
- JS小知识
- js的小知识
- Js 小知识
- JS小知识
- js小知识
- JS 小知识 集锦
- JS小知识
- js小知识
- MongoDB操作-备份和恢复
- 分布式消息队列RocketMQ--事务消息--解决分布式事务的最佳实践
- hibernate中的saveOrUpdate方法
- Microservice架构模式简介
- PCL1.8.0+win732位+vs2013配置
- jquery、js小知识
- 也谈唐王朝的民族属性,兼驳”唐朝鲜卑论“之谬说
- 大数据hadoop学习记录
- 利用nginx和docker实现一个简单负载均衡
- html中得省市下拉框二级级联实现
- 基于CentOS 7配置Nginx负载均衡
- 面向对象程序设计初探
- Unity UI案例(长按按钮和双击按钮案例
- as报错UnsupportedOperationException