如果是div id=“a”和里面的input 是动态生成的,你的点击事件有问题,动态元素不能这样绑定事件
//给input绑定点击事件
$(document)on('click','input[type="radio"]',function(){
var _this = $(this);获取当前点击的input,
_thisprop("checked",true);//给当前设置选中状态
});
这样地div id="a"里面生成再多的input都可以绑定事件
jQuery获取方法
data()方法
//HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>
//获取属性
var appid = $("#myDiv")data("appid"); //123
var app-id = $("#myDiv")data("app-id"); //456
//属性赋值 $("#myDiv")data("appid","666");
//最终HTML代码 <div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>
需要注意的是,data()的值进行修改并不会影响到DOM元素上的data-属性的改变。data()的本质其实是将一个 “cache” 附加到了对象上,并使用了一个特殊的属性名称。
所以上述代码中,虽然对div进行了data()赋值 *** 作,但HTML代码中div的data-appid的值仍然为123,因为data()只是修改了缓存的那个值,此时进行$('#myDiv')data("appid")的 *** 作,输出的结果为666
js获取data-的方式
通过dataset属性访问
//HTML代码
<div id="myDiv" data-appid="123" data-myname="lsxj"></div>
//js代码
var div = documentgetElementById("myDiv");
var appId = divdatasetappid;//获取data-appid的值
var myName = divdatasetmyname;//获取data-myname的值
//设置值
divdatasetappid = 456;
divdatasetmyname = "newname";
//最终HTML结果
<div id="myDiv" data-appid="456" data-myname="newname"></div>
dataset属性的值是DOMStringMap的一个实例,名值对的映射。每个data-name形式的属性都有一个对应的属性,只不过该属性名没有data-前缀。
兼容性:
需要注意的是,dataset中大小写的问题。带连字符连接的名称在使用的时候需要命名驼峰化。例如data-my-name对应的是datasetmyName的值。可看以下代码
//将上面代码的设置值部分进行修改divdatasetappId = 789;
divdatasetmyName = "secondname";
//最终结果
<div id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"></div>
A、prop() 方法设置或返回被选元素的属性和值。
当该方法用于返回属性值时,则返回第一个匹配元素的值。
当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。
注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。
提示:如需检索 HTML 属性,请使用 attr() 方法代替。
提示:如需移除属性,请使用 removeProp() 方法。
B、val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
C、removeAttr() 方法从被选元素中移除属性。
D、设置或返回匹配元素的样式属性
故,此题选择A
jQuery手册中这样写道:
$(expression, [context])
expression String 用来查找的字符串
context (可选) Element, jQuery 作为待查找的 DOM 元素集、文档或 jQuery 对象。
那么,你可以这样获取:
$('img:first-child', this)attr('src');
--------------------------------------
或者用原生js:
var a = documentgetElementById('my')getElementsByTagName('a');
var src = [];
for(var i=0;i<slength;i++){
srcpush(a[i]getElementsByTagName('img')[0]src);
}
获取值:
文本框,文本区域:$("#txt")attr("value");
多选框checkbox:$("#checkbox_id")attr("value");
单选组radio: $("input[@type=radio][@checked]")val();
下拉框select: $('#sel')val();
控制表单元素:
文本框,文本区域:$("#txt")attr("value",'');//清空内容
$("#txt")attr("value",'11');//填充内容
多选框checkbox: $("#chk1")attr("checked",'');//不打勾
$("#chk2")attr("checked",true);//打勾
if($("#chk1")attr('checked')==undefined) //判断是否已经打勾
单选组radio: $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option
$("#sel")empty();//清空下拉框
以上就是关于JQuery中怎么得到this中的某个元素全部的内容,包括:JQuery中怎么得到this中的某个元素、jquery怎么获得元素data属性值、在JQuery中,课用于获取元素属性值的方法是等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)