关于juery一些用法自己的总结

结束jquery时间不长,写代码感觉很生,而且敢接写起来很费劲 做点简单的总结。

首先主要要先引入.juery.js文件

第二 一些js插件文件也要在jquery.js之后引入,这一点很关键。。否则好多功能写完之后不知道为什么调试不成功。

第三讲一些一些格式

$(document).ready(function(){

//writing ````when loading finish html;

  //get html element

// $(".class #id obj  eq(index)")

// set text

// obj.html('var');


//modify css

// obj.css('display','none');

});

 

//jquery 事件

obj.click(function(){

//wrinting here when click it

});

//最近搞input change时间时候发现。。。当鼠标移除时候才触发。。

input 控件

obj.value 获取输入框的value;

这样也可以获取

$("input[name=sns_sex]").val();

 

 

//select

$("#selezone").get(0).options[i].value;可以获取select option第i元素的值。

进入判断 设置 加载后选中某项

 

select obj. empty();清理!!

.append('ssss');追加新元素 html.

 

=/=/=/=/=/=/=/=

juery get写法

var url='http://localhost/User_manage/useraction.php?methed=ckname&snsname='+this.value;

$.get(url,null,function(response){
                var _json=$.parseJSON(response);
                if (_json.code==0) {
                    $('#snsname').next().html(_json.des);
                }
                else{
                    $('#snsname').next().html(_json.des);

                }
                
            });

 

//=================================对应 php结果写发

$result=array('error'=>'1','des'=>'登陆失败');
        echo json_encode($result);

 

//关于浏览器

return window.URL.createObjectURL(obj.files[0]);这个是最新火狐返回input file 路径的方法

 

最后写1个关于异步传输图片的实例

<script type="text/javascript" src="js/ajaxfileupload.js"></script>这个文件大家要自己下载啦。。

$.ajaxFileUpload  
(  
    {  
        url: 'upsnsicon.php?zoneid='+zoneid,  
        secureuri: false,  
        fileElementId: 'upsnsicon',  
        dataType: 'json',
        beforeSend: function() {  
           // $("#loading").show();  
            alert('loadimg');  
        },  
        complete: function(data) {  
           // $("#loading").hide();  
        //    alert("上传成功");  
        },  
        success: function(data, status) {  
            if (typeof (data.error) != 'undefined') {  
                if (data.error != '') {  
                    alert(data.des);  
                } else {  
                    alert(data.des);  
                }  
            }
        },  
        error: function(data, status, e) {  
            alert(e);  
        }  
    }  
)  
    return false; 

 

//php处理后进行操作 最后返回json

$result=array('error'=>'0','des'=>'文件上传成功');
            echo json_encode($result);

 

大体就这么多 还有一些以前的没总结 可能忘了。。以后有空再来补充

 

posted @ 2012-08-30 08:24  大连小强哥  阅读(405)  评论(0编辑  收藏  举报