关于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);
大体就这么多 还有一些以前的没总结 可能忘了。。以后有空再来补充