jQuery中attr的用法

更新时间:2023-08-03 12:56:19 阅读: 评论:0

jQuery中attr的⽤法
attr⽤来获取属性,prop获取特性
Jquery1.6之后,可以通过attr⽅法去获得属性,通过prop⽅法去获得特性
属性指的是“name,id”等等,特性指的是“lectedIndex, tagName, nodeName”
jquery判断checked的三种⽅法:
.attr('checked')://看版本1.5-返回:true或fal
治胃疼的5个小妙招.prop('checked')://16+:true/fal
.is(':checked')://所有版本:true/fal//别忘记冒号哦
jquery中⽤attr()⽅法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常⽤到attr(),attr()有4个表达式。
1. attr(属性名) //获取属性的值(取得第⼀个匹配元素的属性值。通过这个⽅法可以⽅便地从第⼀个匹配元素中获取⼀个属性的值。如果元素没有相应属性,则返回 undefined )
2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置⼀个属性值。)一流学科建设高校名单
3. attr(属性名,函数值) //设置属性的函数值 (为所有匹配的元素设置⼀个计算的属性值。不提供值,⽽是提供⼀个函数,由这个函数计算的值作为属性值。)
4. attr(properties) //给指定元素设置多个属性值,即:{属性名⼀: “属性值⼀” , 属性名⼆: “属性值⼆” , … … }。(这是⼀种在所有匹配元素中批量设置很多属性的最佳⽅式。 注意,如果你要设置对象的class属性,你必须使⽤’className’ 作为属性名。或者你可以直接使⽤’class’或者’id’。)
实例:
1. 改变图像的 width 属性:
玛雅预言$("button").click(function(){
$("img").attr("width","180");
电脑微信聊天记录怎么删除
});
2. attr() ⽅法设置或返回被选元素的属性值。
$(lector).attr(attribute);
3. 设置被选元素的属性和值。
$(lector).attr(attribute,value);
4. 使⽤函数来设置属性/值
$(lector).attr(attribute,function(index,oldvalue));
参数描述
attribute规定属性名称
function(index,oldvalue)该函数可接收并使⽤选择器的 index 值和当前属性值。
5. 设置多个属性/值对
$(lector).attr({attribute:value, attribute:value ...});
jQuery 属性选择器
jQuery 使⽤ XPath 表达式来选择带有给定属性的元素。
写给女朋友的一封信
$("[href]")// 选取所有带有 href 属性的元素。$("[href='#']")//选取所有带有 href 值等于 "#" 的元素。$("[href!='#']")//选取所有带有 href 值不等于 "#" 的元素。$("[href$='.jpg']")//选取所有 href 值以 ".jpg" 结尾的元素。反选函数应⽤实例
//反选
function check(){
$("#all2").attr("checked",$(this).attr("checked"));移动销户
$("input[name='item']").each(function(){
退休年龄规定$(this).attr("checked",!$(this).attr("checked"));
});
allcheck();
}
检查全选函数应⽤实例
function allcheck(){
var chknum = $("input[name='item']").size();
var chk =0;
风流小山村$("input[name='item']").each(function(){
if($(this).attr("checked")==true){
chk++;
}
});
if(chknum==chk){
//全选
$("#all1").attr("checked",true);
}el{
//不全选
$("#all1").attr("checked",fal);
}
}
获取属性⽤attr()

本文发布于:2023-08-03 12:56:19,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1127668.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:属性   元素   设置   函数   获取   匹配   带有
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图