JQuery 判断某个属性是否存在 hasAttr
2016-01-22 10:35
597 查看
$(".fengye a").each(function () { if (typeof($(this).attr("href")) != "undefined") { $(this).addClass("thisa"); } else { $(this).removeClass("thisa"); } });
.fengye a.thisa { background:#106bb1; color:#fff; }
在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断.
但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢?
这时就没有现成的方法了. 如果存在某个属性 $("#aid").attr("rel") 会返回 rel的值,如果不存在 rel属性则会返回"undefined"
undefined 就是 undefined类型 , if($("#aid").attr("rel")=="undefined") 这个判断可能不成立.
因为类型不相同.
建议使用 if(typeof($("#aid").attr("rel"))=="undefined") 即可
最终效果
相关文章推荐
- JQuery 的跨域方法 可跨任意网站
- jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
- jQuery弹层插件jquery.fancybox.js用法实例
- jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用
- jQuery validate插件实现ajax验证重复的2种方法
- jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
- jquery 简单设置图片自适应宽高(不完美)
- Cropper – 简单的 jQuery 图片裁剪插件
- jQuery解析json格式数据简单实例
- 基于jQuery仿淘宝产品图片放大镜特效
- 基于Jquery的商城商品图片的放大镜效果(非组件)
- 基于jQuery仿淘宝产品图片放大镜特效
- jQuery解析json格式数据简单实例
- jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
- jQuery validate插件实现ajax验证重复的2种方法
- jQuery弹层插件jquery.fancybox.js用法实例
- jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
- jQuery简单获取键盘事件的方法
- jQuery ajax时间差导致的变量赋值问题分析
- jquery.validate提示错误信息位置方法