1.组织默认事件
阻止默认事件，h5默认的input type='date'在某些浏览器和android设备上没有效果，这时要调用h5+的时间选择器，但是要组织input默认的click事件，代码如下：
//选择时间 $("#end_time").on("click",function(event){ event.preventDefault(); plus.nativeUI.pickDate( function(e){ var d = e.date; // console.log(d.Format('yyyy-MM-dd')); $("#end_time").val(d.Format('yyyy-MM-dd')); },function(e){ console.log( "未选择日期："+e.message ); },{title:"请选择到期时间",minDate:new Date()}); });
2.判断input type='checkbox' 是否被选中，代码如下
if (!$("#shopregister #checkaggree").is(":checked")) { alert("请同意注册协议"); return false; }
3.获取多个checkbox中被选中的那个的值，代码如下
<input name='is_refund' id='refund_1' type='radio' value='1' />
<input name='is_refund' id='refund_0' checked='checked' type='radio' value='0' />
$("#shopregister input[name='is_refund']:checked").val();
4.设置checkbox选中
$("[name='checkbox']:even").attr("checked",'true'); //如果这货不管用请用prop
5.获取多张图片中title属性的值
user.id_pic1 = $($("#shopregister .id_pic")[0]).attr("title");
user.id_pic2 = $($("#shopregister .id_pic")[1]).attr("title");
user.id_pic3 = $($("#shopregister .id_pic")[2]).attr("title");
6.ajax提交过程中显示进度图片
$.ajax({ type: 'POST', url: configManager.RequstUrl + "/api/user/createstore", data: postdata, beforeSend:function(){ $("#waitingupload").removeClass("heisebghid").addClass("heisebg");} }).done(function (data) { $("#waitingupload").removeClass("heisebg").addClass("heisebghid"); if ("success" == data.state) { //服务端成功 } else { //服务端失败 } }).fail(function () { //ajax请求失败 });
7.选择器first和first-child的区别
<table>
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<script>$("td:first-child或者first").css("color", "red");</script>
first:Row1为红色
first-child:三个Row都为红色
分别表示：第一个td 和 每个td的第一个元素
8.jquery判断元素是否隐藏
$("#givegoodsback").is(":hidden");可以，$("#givegoodsback").is(":visible");不行的
8.判断变量类型
var gettype=Object.prototype.toString
gettype.call('aaaa') 输出 [object String]
gettype.call(2222) 输出 [object Number]
gettype.call(true) 输出 [object Boolean]
gettype.call(undefined) 输出 [object Undefined]
gettype.call(null) 输出 [object Null]
gettype.call({}) 输出 [object Object]
gettype.call([]) 输出 [object Array]
gettype.call(function(){}) 输出 [object Function]
看到这里，刚才的问题我们解决了。
其实js 里面还有好多类型判断 [object HTMLDivElement] div 对象 , [object HTMLBodyElement] body 对象 ,[object Document](IE)或者 [object HTMLDocument]（firefox,google） ......各种dom节点的判断，这些东西在我们写插件的时候都会用到。
可以封装的方法如下 ：
var gettype=Object.prototype.toString var utility={ isObj:function(o){ return gettype.call(o)=="[object Object]"; }, isArray:function(o){ return gettype.call(o)=="[object Array]"; }, isNULL:function(o){ return gettype.call(o)=="[object Null]"; }, isDocument:function(){ return gettype.call(o)=="[object Document]"|| [object HTMLDocument]; } ........ }
9.使用is判断是否为id=XXX的元素
if ( $(obj).parent().is('#fancybox-content') === true) { busy = false; return; }
10.一次添加多个元素
outer.append( content = $('<div id="fancybox-content"></div>'), close = $('<a id="fancybox-close"></a>'), title = $('<div id="fancybox-title"></div>'), nav_left = $('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'), nav_right = $('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>') );
11.添加cookie并设置失效时间
var expires = new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * 60)); //60天 Ext.util.Cookies.set('autoLogin', autoLogin.getValue(), expires); Ext.util.Cookies.set('loginUserId', userId, expires); Ext.util.Cookies.set('loginPassword', password, expires);
作者：Tyler Ning
出处：http://www.cnblogs.com/tylerdonet/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过以下邮箱地址williamningdong@gmail.com 联系我，非常感谢。
