Aug282019
jquery checkbox 设置选中
设置选中:$("#hasApply").prop("checked",true);
设置不选中:$("#hasApply").prop("checked",false);
获取选中的状态:var status = $("#hasApply").prop("checked");
jquery prop与attr的区别
主要区别就是: prop 对于HTML元素本身就带有的固有属性 attr 对于HTML元素我们自定义的加在标签中的属性
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于H...阅读全文
抢沙发
Mar112014
jQuery实现元素的淡入淡出效果
通过 jQuery,您可以实现元素的淡入淡出效果。
jQuery 拥有下面四种 fade 方法:
fadeIn()
fadeOut()
fadeToggle()
fadeTo()
其中fadeIn是显示即淡入效果,fadeOut是渐渐隐藏即淡出效果。
jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换,如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果,如果元素已淡入,则 fadeToggle() 会向元素添...阅读全文
Aug282013
jquery获取元素位置
jquery获取元素位置的方法有两个:
position方法:
获取匹配元素集中第一个元素的坐标,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。
使用:
$("#target").position().left;
$("#target").position().top;
offset方法:
获取匹配元素集中第一个元素的坐标,获取的是该元素相对于document对象的偏移位置。
使用:
$("#target").offs...阅读全文
Mar272013
jquery 判断checkbox是否被选中
jquery 判断checkbox是否被选中
正确的判断是:
$("#checkid").attr("checked")==true
错误的是:
$("#checkid").attr("checked")=='true';
$("#checkid").attr("checked")=='checked';阅读全文
Mar272013
jquery validate+artdialog+jquery form实现弹出表单
jquery validate+artdialog+jquery form实现弹出表单
功能描述:
在页面弹出一个form表单,ajax无刷新提交表单,表单需通过验证。
适用范围:
适用于在列表页面新增,修改记录。
需要加载的js文件:
jquery.min.js
artDialog.js
iframeTools.js
jquery.form.js
jquery.validate.js
实现思路:
在页面中将表单放到一个隐藏的容器中,用artdialog弹出该form并对form加上j...阅读全文
Mar182013
artdialog弹出表单提交思路
artdialog 不错的弹出框控件
接触artdialog已经有一段时间了,觉得其用起来还不错,比较轻量级,javascript的插件我比较喜欢轻量级的,加载速度快。
其功能也很不错,功能很齐全,相对于其它弹出插件,这个插件不仅还在维护,而且bug也少,用起来也挺方便,是国内比较出众的插件之一。
调用方法如下:
//说明下面是一段通过artdialog弹出form表单,并通过ajaxform来提交的js(表...阅读全文
Jan082013
jquery模仿点击a元素
今天在做一个jquery模仿点击a元素时,使用$("#a").click(),$("#a").trigger("click");均未获得成功。
最后无奈只有选择第二种方案:
$("#a").live("click",function(){
window.open($(this).attr("href"), "_blank");
});
容器中采用的方式:
$("#containerList li").live("click", function () {
window.open($(this).find("a").attr("href"), "_blank");
});阅读全文
Jan062013
jquery.validate如何验证select
jquery validate验证select元素时,我们希望select选中非零选项,一般采用validate的min关键字来限制必选。
例子:
<select name="select" >
<option value="0">请选择</option>
<option value='1'>选项1</option>
<option value='2'>选项2</option>
<option value='3'>选项3</option>
</select>
javascript:
...阅读全文
Oct182012
jquery 延迟执行动画,jqeury延迟效果
jquery延迟执行某一效果,在javascript中一般实用settimeout,在jquery中我们有很方便的方法delay方法。
下面介绍新浪,网易,腾讯的下拉广告,并等待几秒后自动收回的写法,jquery只需要一行代码即可搞定。
$('#ads').slideDown(1000).delay(3000).slideUp(1000);
动画下拉展示广告内容,并在展示3秒后,收起的动画。阅读全文
Oct152012
jquery 移除所有jquery绑定的事件
jquery 中移除使用jquery绑定的所有或个别事件,使用unbind方法。
用法简介:
1.移除所有p元素的绑定事件:
$("p").unbind();
2.移除p元素绑定的click事件:
$("p").unbind("click");
$("p").unbind("click",funName);
注意:unbind方法只适用于取消jquery绑定的事件,如果直接使用document.getElementById("btn").onclick=function{//code...}或<div onclick="ale...阅读全文