jquery怎么获取一个元素指定属性的值
eg:你最喜欢的水果是?
$("元素表达式").attr("属性名")
如:$("#textId").attr("width")是获取Id为textId的控件的width属性
$(".className").attr("width")是获取包含class名为className的控件的width属性
$("[name=textName]").attr("width")是获取name为textName的控件的width属性
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值
如:$("#textId")[0].width是取个控件的width属性
但也有写属性用attr取不到,也需要用角标的方式取得控件后在取属性
$(this).parent().find("i[isShow='fou']")
var p = $("标签ID").prop经常我们会习惯的用attr()方法来获取属性值,比如想要获取一个的alt属性我们可以用attr直接获得,但在某些元素中,不能直接获取标准属性(true/false),所以后来有了prop属性,它的返回值都是标准属性,那么哪些属性用attr,哪些用prop呢?将在下面的文章里为大家详细介绍("属性");
var a = $("标签ID").attr("属性");
checkbox,radio和select这样的元素,选中属性对应“checked”、"readOnly"、“selected”,这些属于固有属性,因此需要使用prop方法去作才能获得正确的结果。
attr和prop怎么选择?
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
attr和prop区别?
attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说较慢。
prop是从属性对象中取值,属性对象中有多少属性,就能获取多少值,不需要在页面中显示定义。1:获取样式和设置样式 attr
jQuery中attr与prop之间有什么的区别
{var fra=document.getElementsByTagName("frameset");本篇文章将要分享有关jQuery中的attr()与prop()设置属性以及获取属性的区别,有一定的参考价值,希望对大家有所帮助
12attr属性
attr(name|properties|key,value|fn)
用于设置或返回被选元素的属性值。
当用于返回属性值时,则只返回个匹配元素的值。
当用于设置属性值时,则为匹配元素设置一个或多个属性/值对
例:为所有图像设置src属性以及长宽
$("img").attr({width:"100px",height:"100px","src":"images/1.jpg"});
获取在匹配的元素集中的个元素的属性值
选中为true,没选中为false
当选择爱好时全选,其他单选,当四个全部选择时则爱好全选
$(function () {
$("#j_cbAll").click(function () {
//修改下面的哪些checkbox
$("#j_tb input").prop("checked", $(this).prop("checked")标签: jquery);
});
$("#j_tb input").click(function () {
if($("#j_tb input:checked").length == $("#j_tb input").length){
$("#j_cbAll").prop("checked", true)
}else {
$("#j_cbAll").prop("checked", false)
}});
});
单选时
选爱好时 attr与prop区别:
(1)比如在checked,selected,disabled等中prop方法返回的是布尔值,而attr返回的则是已定义的字符串
(2)prop()属性用于设置或获取指定DOM元素也就是JaScript中对象属性,所以我们可以设置数组或对象,而attr作用于文档节点,所以只能是字符串
(3)prop()属性的使用比attr兼容性更好
所以当属性只需要添加属性名时可以用attr,当只需返回true/false时就要用prop。
总结:
JQuery如何选取同一个DIV下的部分input元素并设置属性?
var h = document.body.clientHeight;其实没啥更好的方法,可以单独为这3个input加个额外的class='xxx'。
//用not()选$("你好六:遍历节点").appendTo("p");结果为:
我想说:你好择器不过
Jquery怎么获取select选中项 自定义属性的值
$("你好").after("p");结果为:我想说:你好
假设select选项上有属性data-id,点击id为btn的按钮时获取选中项的data-id
$("#btn").on("click",function(){
$("select:selected").attr("data-id");
//或者
$("select:selected").data("id");
});
$('select').find('option:selected').attr('prop');或者$(".detail_link").attr("id")
html中
$(document).ready(function(){
iframe_w_h();
});
function iframe_w_h(){
document.getElementById('iframe').width = w-200;
document.getElementById('iframe').height= h-200;
}这是页面加载的时候初始化iframe大小;这个是我做页面的时候用到的。希望对你有帮助。
window.onload=function()
for (var i = 0; i < fra.length; i++)
{fra[i].style.frameborder="yes";
fra[i].style.border="7px";
};
清空节点: .empty();}
将这段代码放在head标签里面。
先通过frameset标签名将所有frameset元素存在fra数组中,再通过for语句循环:改变每个frameset元素的样式。
使用jquery控制修改audio的src属性,点击按钮播放不同音频
eg:我想说:
思路是,每次点击不同按钮,创建一个audio标签,并且给出src值,并且播放
}.another{1、首先准备一个放audio标签的容器
代码:2、然后准备两个按钮,或者什么,我这里是div
3、然后用jquery控制,当然别忘了引入jquery,按照这个思路也可以用原生写哦
当然也可以直接默认播放,
html jQuery 给input赋值问题
这个是jquery封装的问题,一般来说attr是给元素的属性赋值,这个适用于所有的html元素。val试用于所有的可用val取值的元素。有一些input元素为了方便取值jquery封装了val方法,但是并不是试用所有元素。
input表单的赋值方法一般情况都是用“选择器.val("值")”,很少用“选择器.attr("属性名","属性值")”,“选择器.val("值")”是表单的专属赋值和取值的方法,用在其他的节点没有用比如““,”
”等这些非表单控件就会用“选择器.attr("属性名","属性值")”来添加属性属性值和取得属性值。/
表单控件
7
//赋值:给赋你好,首先执行下列代码:值
$("input").val("请输入文本");
//$(function(){取值:取得的值
$("input").val();
/
非表单控件
/
//赋值:添加class属性 -> $("span").addClass("class");
$("span").attr("class","class");
//取值:获取div属性id的值
$("div").attr("id");
简单来说,如果html元素是input,那两种方法都可以,如果不是,那只能用attr这种方法,希望对你有帮助
Jquery怎么获取select选中项 自定义属性的值
console.log(myid);------解决方案参考-------------------------------------------------------
})//为img添加多个属性值$("#ddl").find("option:selected").attr("emoney");
3、val$('#lev2').html('');
alert($('#lev').find('option:selected').attr('lev'));
$('#lev').find('option:selected').attr('selected', 'selected');
});
$('#lev2').change(function(){
alert($('#lev2').find('option:selected').attr('lev2'));
$('#lev2').find('option:selected').attr('selected', 'selected');
});
})
浏览器输出如下:
具体解释在代码注释里说明了,有什么不懂的地方,欢迎追问。
jquery怎么获取a里面某个标签的值
$(function(){jquery的 attr() 方法用于设置或返回被选元素的属性值,例如获取a标签的某个属性值如href,可用如下代码
$("#readOnly input:not(.xxx)").attr("readonly", false);$("a").attr("href");另外prop()方法也可以达到等效的效果
$("a").prop("href");示例代码如下
创建Html元素
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
$("#123").attr("id");
$(function() {
$("a").each(functi添加元素:append("元素");on() {
var id = $(this).id;
});
});
晕,这还不简单!
$("a.detail_link").attr("id")
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 12345678@qq.com 举报,一经查实,本站将立刻删除。