关于在实际开发中遇到的js或者是jQuery方法

原创 2016年05月31日 00:11:19

</pre><span style="color:#3366ff;">1、关于上传图片并进行预览</span></h2><p></p><div align="left"><span style="font-family:Consolas; color:#3F7F5F"><span style="font-size:12pt">//上传图片并显示</span></span><pre name="code" class="javascript">//上传图片并显示
$(function(){
     $("#imgfile").change( function(){
            var objUrl = getObjectURL( this.files[0]) ;
           console.log( "objUrl = "+objUrl) ;
            if (objUrl) {
                $( "#scanimg").attr( "src", objUrl) ;
           }
     }) ; 
})

//建立一個可存取到該file的url
function getObjectURL(file) {
     var url = null ;
     if (window.createObjectURL!=undefined) { // basic
           url = window.createObjectURL(file) ;
     } else if (window.URL!=undefined) { // mozilla(firefox)
           url = window.URL.createObjectURL(file) ;
     } else if (window.webkitURL!=undefined) { // webkit or chrome
           url = window.webkitURL.createObjectURL(file) ;
     }
     return url ;
}

2、关于checkbox属性checked="checked"已有,但却不显示打勾的解决办法


function check(id,check) {
  if (check) { 
$("." + id).find("input[type='checkbox']").attr("checked", true); 
} else {
  $("." + id).find("input[type='checkbox']").attr("checked", false); } 
}
当使用的jQuery版本较高时必须将attr改成prop方法
  • 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。如href 、src、checked等
  • 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

3、关于网站直接按enter键直接进行登录

function keyLogin(ev){ 
       if (ev.keyCode==13){
             dlu();
       }                     
 }

<body class= "login_body" onkeydown ="keyLogin(event);" >

版权声明:本文为博主原创文章,未经博主允许不得转载。

什么方法可以显著提高程序员工作效率

注:也许你见到过一种人,好像同样没完没了的加班,却在你不知道的时候额外学习补充,几年过后晋级Boss、大牛,而你依然是个渣,虽然不尽是、但工作效率在这中间确实起到了重要作用。不要提EQ、IQ,现在还能...
  • c1782746138
  • c1782746138
  • 2015年06月02日 15:09
  • 1972

web开发中遇到的问题

1.Spring MVC ModelAndView视图解析器解析不到正确的jsp,而是去解析"请求路径"+jsp package pers.youtoo.controller; import org...
  • qq_26824159
  • qq_26824159
  • 2016年09月02日 10:51
  • 789

JavaScript学习总结(四)——jQuery插件开发与发布

jQuery插件就是以jQuery库为基础衍生出来的库,jQuery插件的好处是封装功能,提高了代码的复用性,加快了开发速度,现在网络上开源的jQuery插件非常多,随着版本的不停迭代越来越稳定好用,...
  • zhangguo5
  • zhangguo5
  • 2017年03月16日 15:06
  • 1746

程序员面试以及工作中真实问题汇编!

磨砺营IT教育 2016-10-26 14:25 【威哥说】不管是面试也好,还是工作中以及学习中,遇到问题及时解决出来是最好的方法,其实优秀程序员之所以优秀就是他们解决问题的能力要更...
  • u011277123
  • u011277123
  • 2016年10月27日 18:22
  • 391

近期使用jQuery mobile做项目时遇到的问题小结

最近运用jQuery mobile框架做了一个小项目,针对遇到的几个问题做一下总结。 一、在页面跳转过程中(即从page1 => page2),此时,page2 的js效果失效,无法实现动态效果,刷...
  • putaoC
  • putaoC
  • 2016年12月30日 14:08
  • 387

jQuery插件开发的模式和结构

jQuery插件开发的模式和结构 jQuery插件开发 一般来说,jQuery插件的开发分为两种:一种是挂在jQuery命名空间下的全局函数,也可称为静态方法;另一种是jQuery对象级别的方法,...
  • tywali
  • tywali
  • 2013年05月22日 17:31
  • 3223

浅谈javascript对象、如何实现继承、jQuery方法的扩展(jquery插件)

这几天一直看JS相关的问题,对javascript对象、如何实现继承、jQuery方法的扩展稍有了解,看的一些相关的资料感觉对我学习有很大帮助,希望对处于我同样境地的朋友们有些许的帮助。...
  • u014035057
  • u014035057
  • 2016年06月07日 11:23
  • 1767

异步调用js的几种方法

Ext.Ajax.request({                   url : urlStr,                   params : paramsObj,         ...
  • Only_hanli
  • Only_hanli
  • 2013年03月20日 09:58
  • 8446

js 模块化开发

原文链接 什么是模块化开发? 前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Aja...
  • qq_33915096
  • qq_33915096
  • 2016年03月23日 17:37
  • 4417

web前端开发中常遇到的问题

web前端开发中遇到的问题总结
  • songlf521
  • songlf521
  • 2017年02月24日 21:46
  • 1148
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于在实际开发中遇到的js或者是jQuery方法
举报原因:
原因补充:

(最多只允许输入30个字)