jquery中attr属性设置每一个匹配元素的一个或多个属性
来源:互联网 发布:淘宝卖家支付宝红包 编辑:程序博客网 时间:2024/06/03 12:16
.attr()方法返回undefined 。若要检索和更改Dom属性、 比如元素的checked 、selected 或disabled状态、请使用.prop()方法
<img src="test.jpg" />
jquery 代码:
参数name 描述
$("img").attr("src"); 返回文档中所有图像的src属性
参数properties 描述
$("img").attr({src:"test.jpg",alt:"Test Image"}); 为所有图像设置src和alt属性
参数key/ value描述
$("img").attr("src","test.jpg");
参数key/回调title属性的值
$("img").attr("title",function(){
return this.src;
})
2、 removeAttr(name) 属性
从每一个匹配的元素中删除一个属性
$("img").removeAttr("src");
JQuery的removeAttr方法删除disabled是无效的。解决的方法就是使用$("XX").prop("disabled",false);
<form>
<input type="checbox" name="checkbox" checked="checked" />
<input type="checbox" name="checkbox" />
</form>
3、property 获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性
参数name描述
jquery代码: $("inpu[type='checkbox']").prop("checked"); 选中复选框为true 、没选中为false
$("input[type=‘checkkbox’]").prop({ //禁用页面上的所有复选框
disabled:true
});
jquery代码: 禁用和选中所有页面上的复选框。
$("input[type='checkbox']").prop("disabled",false);
$("input[type='checkbox']").prop("checked",true);
通过函数来设置所有页面上的复选框被选中
$("input[type='checkbox']").prop("checked",function(i,val){
return !val;
});
removeProp(name) 用来删除prop()方法设置的属性集
<p></p>
var $par=$("p");
$par.prop("luggageCode","1234');
$par.append("The secret luggage code is:",String($par.prop(luggageCode)),".");
$par.removeProp("luggageCode");
addClass(class|fn)为匹配的元素添加指定的类名
class一个或者多个要添加到元素的css类名,请用空格分开
jquery 代码:
$("p").addClass("selected"); 为匹配的元素加上selected类
$("p").addClass("selecteld1 selected2");
回调函数描述
<ul>
<li></li>
<li></li>
</ul>
$(ul li:last).addClass(function(){
return 'itme-'+$(this).index();
})
removeClass从所有匹配的元素中删除指定的类
$("p").removeClass("selected");
$("p").removeClass() ; 删除所有的
$("li:last").removeClass(function(){ //删除最后一个元素上与前面重复的class
return $(this).prev().attr('class');
})
toggleClass(class|fn[,sw])
如果存在(不存在)就删除(添加)一个类。jquery代码: $("p").toggleClass("selected"); 为匹配的元素切换 selected 类
var count = 0; $("p").click(function(){ $(this).toggleClass("highlight", count++ % 3 == 0); });
$('div.foo').toggleClass(function() { if ($(this).parent().is('.bar') { return 'happy'; } else { return 'sad'; }});
- jquery中attr属性设置每一个匹配元素的一个或多个属性
- JQuery中attr()获取和设置元素属性
- jquery匹配属性中有“.”的元素
- jQuery教程之css() - 获取元素的一个或多个css属性值
- 设置元素的属性attr 和setAttribute
- jQuery的attr()属性
- jQuery attr()获取属性和设置属性的方法
- jQuery为当前或未来的匹配元素添加一个或多个事件处理器
- jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)
- jquery中val获取值,attr获取属性值和attr设置属性值
- 【jQuery】使用attr()方法控制元素的属性
- jQuery - Attributes属性 - val获取第一个匹配元素value属性的内容
- jquery的设置多个 CSS 属性
- JQuery中根据属性或属性值获得元素
- JQuery中根据属性或属性值获得元素
- JQuery中根据属性或属性值获得元素
- JQuery中根据属性或属性值获得元素
- JQuery中根据属性或属性值获得元素
- 阿里云服务器搭建日记
- 利用git在conding上上传源码
- IP拨号监听去电
- Hibernate关系映射总结(二)
- debug 进 defaultActionInvocation.invokeAction
- jquery中attr属性设置每一个匹配元素的一个或多个属性
- 在ubuntu上Kubernetes集群部署
- 10.Java IO:并发IO和异常处理(Exception Handling)
- Codeforces Round #346 (Div. 2) easy(A-D)
- shell中用空字符''间隔变量
- 127.Word Ladder
- 项目管理风险评估
- Hibernate关系映射总结(一)
- Windows 7下手动搭建Asp和PHP集成环境